В данном уроке «Как создать HTML-страницу» рассматриваются основные теги, которые используются для разметки веб-страницы.
Теги предназначены для форматирования текста web-страницы. Список тегов более подробно можно посмотреть в папке CD/Справочник HTML.
Рассмотрим некоторые из тегов.
Элементы h1, h2, h3, h4, h5, h6
Структурирование тела документа выполняется внутри элемента <body> с помощью заголовков, задаваемых элементами h1, h2, h3, h4, h5, h6.
Элементы заголовков являются парными, поэтому должны имеет открывающий <h1> и закрывающий </h1> теги.
HTML располагает шестью уровнями заголовков: h1 (самый верхний), h2, h3, h4, h5 и h6 (самый нижний). Функции элементов заголовков подобны обычным стилям заголовков в текстовых редакторах.
Действие этих шести тегов представлено на рисунках ниже. На одном рисунке исходный код (рисунок 9), на другом – вид в браузере (рисунок 10).
Рисунок 9
Рисунок 10
Разделение текста на абзацы
Тег <p> задает начало абзаца и вставляет сверху абзаца расстояние – отступ для отделения этого абзаца от предыдущего.
|
|
Принудительный разрыв строки
Тег <br /> позволяет выполнить перенос оставшейся части текста абзаца на следующую строку. Это непарный тег и в отличие от тега абзаца не увеличивает интервал между строками.
Практическое задание 2
1. Отформатируйте заголовок «Каталог архитектурных проектов» с помощью тегов <h1> и </h1>.
2. Отформатируйте заголовок «Проекты для Вашего будущего дома» с помощью тегов <h2> и </h2>.
3. Отформатируйте заголовки «Проекты домов» и «Площади домов» с помощью тегов <h3> и </h3>.
4. Основной текст разделите на абзацы с помощью тега <p>. Внутри первых двух абзацев используйте тег <br /> для переноса строки. В результате Ваш код должен выглядеть следующим образом (рисунок 11).
5. Просмотрите результат в браузере.
Рисунок 11