Заголовки

Заголовки на Web странице играют не последнюю а можно сказать главную и важную роль. Они не только выделяют ваш заголовок но так же участвуют в системе поиска вашего сайта поисковыми роботами. Но все таки по большей части они используются для выделения определенных фрагментов текста выступающих в роли заголовков или подзаголовков.

Так же заголовки показывают важность и весомость определенных разделов вашей Web страницы. Вспомните что Вас привлекает больше всего на сайте? Правильно! Большой и красивый заголовок, все пользователи чаще всего смотрят на заголовки и решают читать им информацию дальше или же нет.

В языке HTML существует шесть уровней заголовков, они обозначаются тегами:

<H1>Самый большой заголовок </H1>

<H2> Подзаголовок страницы </H2>

<H3> Еще меньше подзаголовка </H3>

<H4> И еще меньше </H4>

<H5> И еще еще меньше </H5>

<H6>И наконец Самый маленький из всех заголовков </H6>

Заголовки

Соответственно заголовок <H1> является самым большим и самым значимым на Web странице. Заголовок такого формата на странице должен присутствовать только однажды например для названия всей страницы, так же данный заголовок активно используется поисковыми системами для поиска вашего сайта или вашей страницы. Заголовок <H6> является самым маленьким из данного набора тегов, его использование на страницах сведено к минимуму. Как правило на странице да вообще на сайте используются заголовки только первых трех уровней, их вполне достаточно для разделения информации на сайте на определенные разделы и подразделы, но иногда конечно же используются и заголовки более низких уровней.

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

Пример страницы с заголовками:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Мой первый сайт</title>
  </head>
  <body>

   <H1 align="center"> Привет МИР!!!</H1>

<p>Дорогой друг я рад видеть тебя на моем первом сайте!</p>
  </body>
</html>

Результат работы данного кода в браузере:

Пример использования заголовка первого уровня

Лабораторная работа 2. Заголовки в HTML (pdf)