HTML (Hypertext Markup Language)

Ознакомьтесь с теоретическим разделом можно здесь и здесь

При выполнении работы не допускается использование текстового процессора MS Word

Cоздать папку Фамилия-Web, а в ней папку Familia_img, в которой будут собраны все изображения, отображаемые на html-страницах
В папке Фамилия-Web создать html-документ под именем вида Familia_1.html

Примечание: для этого открываем Блокнот и сохраняем домент с расширением html

В html-документе Familia_1.html создать стандартную структуру HTM-документа:

<html>
<head>
....Сведения о документе....
<title>
......Заголовок документа......
</title>
</head>
<body>
...Информационное наполнение...
</body>
</html>

в качестве заголовка Web-страницы ввести свою фамилию
цвет фона всей Web-странички задать строго в соответсвии с вариантом, используя цветовую схему
цвет текста всей Web-странички задать в тон цвету фона, используя цветовую схему
В качестве информационного наполнения представить рассказ о себе, о своей семье, друзьях, увлесчениях, обо всем, что бы Вы хотели рассказать. При оформлении текста для выделения наиболее значимых фактов о себе следует использовать жирное, курсивное начертание, подчеркивание и прочие средства форматирования.
Рассказ должен содержать не менее 1000 знаков и логически структурирован по абзацам (не менее 5 абзацев).
Рассказу должен предшествовать заголовок первого уровня (тег <h1> с выравниванием по центру для четных вариантов и по правому краю - для нечетных) с текстом "ФИО о себе...". В рассказе должно фигурировать Ваше ФИО, которое следует выделить курсивом и сделать гиперссылкой. По данной гиперссылке должна открываться Ваша фотография в отдельном окне. Фотографию следует предворительно сохранить в папке Familia_img под именем вида FIO.jpg).
После рассказа по центру разметить обучающее видео теме, соответствующей варианту, или о своем хобби , предварительно загруженное на Youtube.
Требования к видео: видео должно быть снято Вами с Вашим участием, и носить при этом обучающий характер (в формате небольшого видеоурока).
Распределение вариантов

Создать html-документ под именем вида Familia_2.html и заполнить его следующим образом:
1. заголовок, цвет фона и цвет текста задать такими же, как на странице Familia_1.html
2. в качестве информационного наполнения выделить важные события своей жизни (не менее 5) и дать ответы на все вопросы, причем:
  - вопросы и ответы должны быть оформлены посредством таблицы вида
  - Цветовое оформление таблицы задается в тон цвету страницы. Код цвета можно найти здесь или здесь
  - Даты и вопросы по HTML должны иметь полужирное начертание (тег <b>...</b>)
  - Описание событий и ответы на вопросы по HTML должны иметь курсивноеначертание (тег <i>...</i>)
  - Изображения для иллюстрации событий добавляются по своему усмотрению, при этом высоту изображений устанавливаете равной (100+2n)px. Все необходимые изображения следует сохранить в папке Familia_img под именем вида Familia_imgN (вместо N следует писать номер изображения)
Создать html-документ под именем вида Familia_3.html и заполнить его следующим образом:
1. заголовок, цвет фона и цвет текста задать такими же, как на странице Familia_1.html
2. в качестве информационного наполненияследует разместить список Ваших рекомендаций и предостережений для читателей, оформленные в виде многоуровневого списка следующим образом (нумерация каждого уровня выбирается строго в соответствии с вариантом (см. ниже), цветовое оформление задается строго в соответсвии с цветовой схемой ):
3. Списку должен предшествовать заголовок первого уровня (тег <h1>, выравнивание по центру для нечетных вариантов и выравнивание по правому для четных) с текстом "Советы ФИО", после которого следует горизонтальная линия в тон цвету Вашей страницы толщиной в (n+5)px (где n - номер Вашего варианта), занимающая в ширину (20+2n)% экрана.
  Распределение способов нумерации по вариантам:
  - нумерация 1-го уровня - n;
  - нумерация 2-го уровня - n+1;
  - нумерация 3-го уровня - n+2;
  ГДЕ:
  1. нумерованный список, формат номера - арабские цифры;
  2. маркированный список; тип маркера - круг;
  3. нумерованный список, формат номера - малые римские цифры;
  4. маркированный список; тип маркера - диск;
  5. нумерованный список, формат номера - прописные буквы;
  6. маркированный список; тип маркера - квадрат;
  7. нумерованный список, формат номера - большие римские цифры;
  8. маркированный список; тип маркера - круг;
  9. нумерованный список, формат номера - строчные буквы;
  10. маркированный список; тип маркера - диск;
  11. нумерованный список, формат номера - арабские цифры;
  12. маркированный список; тип маркера - квадрат;
  13. нумерованный список, формат номера - малые римские цифры;
  14. маркированный список; тип маркера - круг;
  15. нумерованный список, формат номера - малые римские цифры.
Создать html-документ под именем вида Familia_index.html и заполнить его следующим образом:
1. заголовок, цвет фона и цвет текста задать такими же, как на странице Familia_1.html
2. заголовок первого уровня (тег <h1>, выравнивание по центру для четных вариантов и выравнивание по правому для нечетных) с текстом "Фамилия Имя Отчество"
3. в отдельном абзаце по центру разместить горизонтальная линия в тон цвету Вашей страницы толщиной в 2n px, занимающую в ширину (20+5n)% экрана
4. в отдельном абзаце разместить по левому краю для нечетных вариантов и по правому краю для четных свое фото высотой (150+5n)px, сделав его объектом гиперссылки, переводящей на страницу Familia_1.html.
5. в отдельном абзаце по центру разместить еще одну горизонтальная линия в тон цвету Вашей страницы толщиной в 2n px, занимающую в ширину (20+5n)% экрана
6. в следующем абзаце по центру расместить смайлик n и (n+1) из папки (изображение следует сохранить в папку Familia_img под именем вида Familia_smile1 и Familia_smile2 соответственно), при этом первый смайлик должен переводить на страницу Familia_2.html, а второй - на страницу Familia_3.html.
В конце каждой из страниц Familia_1.html, Familia_2.html, Familia_3.html разместить по центру для четных вариантов и по правому краю для нечетных вариантов изображение кнопки n из папки (изображение следует сохранить в папку Familia_img под именем вида Familia_home), сделав ее объектом гиперссылки, переводящей на страницу Familia_index.html.
Проверить работоспособность всех созданных ссылок.
Обратите внимание на то, что папку Фамилия-Web должна содержать только web-страницы Familia_1.html, Familia_2.html, Familia_3.html, Familia_index.html и папку Familia_img, в которой хранятся все изображения со страниц

Вопросы
на которые необходимо дать письменные ответы

Что такое HTML?
Является ли HTML языком программирования?
Для чего используются теги?
Что такое атрибуты тегов?
Отображаются ли теги в окне браузера?
Какой тег используется для добавления горизонтальной линии?
Каким будет парный тег к тегу <p align="justify">?