Язык разметки гипертекста HTML

Hyper Text Markup Language – язык гипертекстовой разметки.
HTML - специальные инструкции браузеру, с помощью которых создаются веб-сайты.
HTML

Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или ресурсы с возможностями выполнения переходов.
Гипертекст

Описательный язык разметки HTML имеет свои команды, которые называются тегами.
Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>.
Одинарные
Двойные
ТЕГ
Пример:
….
Пример:
Тег

Двойные теги бывают:
Пример: ….
!Теги не чувствительны к регистру! =
открывающиеся
закрывающиеся

Они передают программе просмотра страницы основную информацию для идентификации и организации документа.
Три самых важных управляющих кода
….
…
…

Эти тэги помещаются соответственно в начале и конце всего документа, чтобы обозначить текст как действительный документ на языке разметки гипертекста.
….

Эта пара тэгов указывает на начало и конец заголовка документа.
…

Всё, что находится между этими тэгами, читается браузером как название документа.
Пример:
…

Всё, что находится между этими тэгами отображается на веб-странице.
Пример:
…

<br> Текст заголовка окна<br>
Текст документа, тэги
Общий вид страницы

Документ гипертекстовой разметки имеет расширение *.html
Создание документа HTML

Создать текстовый документ (блокнот).
2. Записать в него структуру документа HTML.
3. Записать данные Вашей Web-страницы.
4. Сохранить документ с расширением *.html.
5. Открыть страницу браузера.
Алгоритм написания
документа:

Название Web-страницы
Приветствую тебя, посетитель моего сайта.
Меня зовут Ваня. Мне 14 лет. Это моя первая Web-страница.
Я размещу эту страницу в Интернете.
Пример кода
Веб-страницы

Задание:
Создать Ваб-страницу по образцу:
Название Web-страницы
Приветствую тебя, посетитель моего сайта.
Меня зовут Ваня. Мне 14 лет. Это моя первая Web-страница.
Я размещу эту страницу в Интернете.
Дописать 2-3 предложения в тэг

Изменим цвет фона странички.
Для этого в тег добавим атрибут bgcolor:
Самостоятельно измените цвет, набирая сочетания букв латинского алфавита или используя готовые наборы из Интернета.
Цвет текста:
Цвета и атрибуты

Выучить конспект;
Выбрать тему для своего Ваб-сайта оп информатике, записать структуру в тетрадь;
Домашнее задание