Веб страницы — это текстовые файлы, которые можно создать с помощью любого
текстового редактора.
Для форматирования содержимого веб страниц применяется особый язык — HTML
(HyperText Markup Language, язык гипертекстовой разметки).
С помощью команд тегов — этого языка создают и абзацы текста, и заголовки, и
врезки, и таблицы.
Все теги HTML представляют собой символы < и > , внутри которых находится имя
тега, определяющее назначение тега.
Закрывающий тег должен иметь то же имя, что и открывающий; единственное отличие закрывающего тега — символ / , который ставится между символом < и именем тега.
Имена тегов можно писать как прописными (большими), так и строчными (малыми) буквами.
Между символами < , > , / и именами тегов, а также внутри имен тегов не допускаются пробелы и переносы строк.
В обычном тексте, не являющемся тегом, не должны присутствовать символы < и > . (Эти символы называют недопустимыми.) В противном случае веб обозреватель сочтёт фрагмент текста, где встречается один из этих символов, тегом и отобразит вeб страницу некорректно.
Невидимые теги - теги, содержимое которых никак не отображается веб обозревателем. Они занимаются тем, что хранят сведения о параметрах самой веб страницы и делят ее на две секции, имеющие принципиально разное назначение.
В парном теге <HEAD> находится секция заголовка веб страницы. В эту секцию помещают сведения о параметрах веб страницы, не отображаемые на экране и предназначенные исключительно для веб обозревателя.
Секция тела веб страницы находится внутри парного тега <BODY> . Она описывает
само содержимое веб страницы, то, что будет выведено на экран.
Для создания абзаца имеется парный тег <P> . Абзац — это независимый элемент веб страницы, который отображается отдельно от других элементов. Такие элементы веб страницы называются блочными.
Для создания заголовка HTML предоставляет парный тег <Hn> , где n — уровень за-
головка. Содержимое этого тега станет текстом заголовка.
Любой список в HTML создается в два этапа. Сначала пишут строки, которые станут
пунктами списка, и каждую из этих строк помещают внутрь парного тега <LI> .
Затем все эти пункты помещают внутрь парного тега <UL> (если создается
маркированный список) или <OL> (при создании нумерованного списка) — эти теги
определяют сам список.
Специально для случаев, когда текст должен быть выведен именно так, как набран,
с сохранением всех пробелов и переносов строк, язык HTML предусматривает парный тег <PRE> . Выводимый текст помещают внутри этого тега. Это текст фиксированного формата.
Верстка - это создание структуры HTML-документа таким образом, чтобы во всех браузерах веб страница выглядела точно также, как и на представленном дизайнером макете.
Базовая структура HTML-документа версии HTML5
<!DOCTYPE HTML>
<html>
<head>
<title>Заголовок</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
</body>
</html>
