HTML (Hypertext Markup Language)

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

Все страницы создаем и изменяем в NotePad++

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

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

Familia_1.html

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

Создать html-документ под именем вида Familia_2.html и заполнить его следующим образом:
1. заголовок Web-страницы, цвет фона и цвет текста задать такими же, как на странице Familia_1.html
2. в качестве информационного наполнения выделить ключевые моменты (не менее 5) по теме, выбранной согласно варианту, и дать ответы на все вопросы, причем:
  - вопросы и ответы должны быть оформлены посредством таблицы вида
  - Цветовое оформление таблицы задается в цветовой схеме согласно варианту. Код цвета можно найти здесь или здесь
  - Даты и вопросы по HTML должны иметь полужирное начертание (тег <b>...</b>)
  - Описание событий и ответы на вопросы по HTML должны иметь курсивное начертание (тег <i>...</i>)
  - Изображения для иллюстрации событий добавляются по своему усмотрению, при этом высоту изображений устанавливаете равной (100+2n)px. Все необходимые изображения следует сохранить в папке Familia_img под именем вида FIO_t_N (вместо N следует писать номер изображения)
Создать html-документ под именем вида Familia_3.html и заполнить его следующим образом:
1. заголовок Web-страницы, цвет фона и цвет текста задать такими же, как на странице 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. заголовок Web-страницы, цвет фона и цвет текста задать такими же, как на странице 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_smile_1 и Familia_smile_2 соответственно), при этом первый смайлик должен переводить на страницу Familia_2.html, а второй - на страницу Familia_3.html. Высота смайлов дожна быть (100+5n) px
В конце каждой из страниц Familia_1.html, Familia_2.html, Familia_3.html разместить по центру для четных вариантов и по правому краю для нечетных вариантов изображение кнопки n из папки (изображение следует сохранить в папку Familia_img под именем вида Familia_home), сделав ее объектом гиперссылки, переводящей на страницу Familia_index.html. Высота кнопки дожна быть (100+5n) px
Проверить работоспособность всех созданных ссылок.
Обратите внимание на то, что папку Фамилия-Web должна содержать только web-страницы Familia_1.html, Familia_2.html, Familia_3.html, Familia_index.html и папку Familia_img, в которой хранятся все изображения со страниц

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

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