HTML. Разработка Web-сайта

Итак, мои дорогие ученики, что мы знаем и умеем?
умеем создавать и сохранять документ HTML,
знаем как открыть документ в браузере и как его обновить при изменении кода страницы;
умеем размещать текст по строкам ( тег
);
умеем использовать теги форматирования символов и заголовков (
Ж
,
К
,
Ч
, <Н1>Заголовок1
и выравнивать заголовки).
ИДЕМ ДАЛЬШЕ!!!

ОФОРМЛЕНИЕ ТЕКСТА
Мы знаем, что при оформлении текста, используется не только разные виды начертания, но и разные типы шрифтов, размеры символов и цветовые гаммы.
Эти параметры можно задать с помощью тэга FONT и его атрибутов:
FACE задает гарнитуру шрифта (например, FACE="Arial"),
SIZE — размер шрифта (например, SIZE= от 1 до 7),
COLOR — цвет шрифта (например, COLOR="blue")
<Н1 ALIGN="center">РАСПИСАНИЕ УРОКОВ НА НЕДЕЛЮ

ОФОРМЛЕНИЕ ТЕКСТА
Для улучшения внешнего вида страницы, заголовок можно отделить от остального содержания страницы горизонтальной линией с помощью одиночного тэга
.
В теге могут использоваться атрибуты:
AAlign – тип выравнивания (right, center, left, justify)
CColor - цвет линии (явно или 16-ричным кодом)
SSize - толщина линии в пикселях
WWidth - ширина линии ( в пикселях или %)
Например,

Задание 1
Открыть в Блокноте файл ФИО_класс_4.HTML, внести в него изменения. Что отобразится в окне браузера? Обратите внимание, длина линии 75% от ширины окна.

Продолжим. Обычно, для удобства чтения, текст делится на абзацы для этого используем тег
<Р атрибут> текст
Атрибут Align определяет тип выравнивания (right, center, left, justify)
Например, разместим расписание понедельника по центру, а на вторник по левому краю
<Р Align= center>
ПОНЕДЕЛЬНИК
1. Русский язык
2. Физика
3. Информатика
Задание 2
Разместите расписание с понедельника по пятницу ступеньками, используя разные виды выравнивания в абзацах. Результаты просмотрите в браузере.

Вставка изображений
Тег
предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG.
Атрибуты
src= – путь к графическому файлу (!!! храните изображения в папке с исходными файлами страницы!!!)
border= толщина рамки вокруг изображения в пикселях
hheight= Высота изображения в пикселях или % от исходного
Горизонтальный отступ от изображения до окружающего контента в пикселях
vspace= Вертикальный отступ от изображения до окружающего контента в пикселях
width= Ширина изображения в пикселях или % от исходного
align= выравнивание может принимать пять различных значений:
по вертикали ТОР (верх), MIDDLE (середина), BOTTOM (низ),
по горизонтали LEFT (слева), RIGHT (справа).
hhspace=

Вставка изображений
ЗАДАНИЕ 3
Для каждого дня недели подберите подходящее изображение ( разместите его в своей папке!!!) Добавьте изображения на страницу (расширение имени файла указывать обязательно. Уточните его в свойствах файла на вкладке Подробно )
У меня получилось так,
а у вас?