Заголовки являются важной структурной частью HTML документов.

О важности заголовков

Прежде чем остаться на странице и приступить к ее прочтению пользователи обычно бегло пробегают глазами по ее содержимому проверяя содержит ли она интересующую их информацию. Обычно заголовки это первое (и часто единственное) на что они обращают внимание, поэтому неправильное использование заголовков может привести к потере посетителей.

В первую очередь заголовки должны кратко и точно описывать содержимое которое они озаглавливают (т.е. отрывок текста описывающий природу России должен быть ~ озаглавлен как "Природа России"). Наиболее важная информация страницы должна располагаться под заголовками большего размера, а наименее важная под заголовками меньшего размера.

Поисковые системы также используют заголовки для индексации структуры и содержимого веб-страниц, поэтому если Вы хотите, чтобы Ваша страница о "Горнолыжном курорте в Сибири" выводилась в поисковой системе по соответствующему запросу используйте подходящие заголовки.

HTML заголовки

Заголовки в HTML определяются тэгами <h1>-<h6>. <h1> определяет заголовок наибольшего размера, а <h6> наименьшего.

Обратите внимание: используйте данные тэги только для создания заголовков. Не используйте их если Вы хотите сделать текст БОЛЬШИМ или жирным.

<h1>Титаник</h1>
......................
<h2>Постройка</h2>
......................
<h2>Местоположение</h2> 
......................

Горизонтальная линия

Старайтесь всегда визуально отделять не связанные разделы страницы друг от друга.

Одним из вариантов такого отделения может являться вставка горизонтальной линии с помощью HTML тэга <hr />.

<p> Это первый абзац </p>
<hr />
<p> Это второй абзац </p>
<hr />
<p> Это третий абзац </p>

Комментарии в HTML

С помощью комментариев Вы можете оставлять в коде пояснительные заметки.

• Комментарии полностью игнорируются браузером;
• Комментарии не отображаются при просмотре страницы.

<p> Это первый абзац. </p>
<!-- Это комментарий -->
<p> Это второй абзац. </p>

Обратите внимание: комментарии могут использоваться при отладке кода, если Вы не уверены хотите ли видеть данный заголовок, абзац и т.д. в итоговой версии страницы Вы можете обернуть код в тэг <!-- > на время принятия решения.

Просмотр исходного кода страниц в интернете

Содержимое любых страниц в интернете может быть просмотрено. Исследование кода чужих страниц поможет Вам быстрее освоить HTML.

Для того, чтобы посмотреть исходный код необходимо при просмотре страницы нажать правую кнопку мыши и выбрать пункт "Просмотреть исходный код страницы" (текст может незначительно отличаться в различных браузерах).

Сделайте сами

Задание 1 оформите текст согласно пояснительным запискам:

....
<!-- Заголовок 1 размера --> Страны Северной Америки <!-- Заголовок 1 размера -->
<!-- Заголовок 2 размера --> США <!-- Заголовок 2 размера -->
<!-- Заголовок 2 размера --> Мексика <!-- Заголовок 2 размера -->
<!-- Заголовок 2 размера --> Канада <!-- Заголовок 2 размера -->
<!-- Горизонтальная черта -->
....

Задание 2 уберите комментарии в коде примера, чтобы получить следующий текст:

Континенты
Евразия
Евразия — самый большой континент на Земле, площадь — 53 893 тыс. км2, что составляет 36 % площади суши.
Население — более 4,8 миллиарда (2010), что составляет около 3/4 населения всей планеты.

Африка
Площадь Африки составляет 29,2 млн км2, покрывая, таким образом, 20,4 % поверхности суши.
Население - около 1 миллиарда человек.