Урок 2.2: Создание заголовков

Использование заголовков в сайтостроении помогает посетителям сайта лучше ориентироватся на нем (сайте). В прошлом уроке мы использовали стихотворение A. C. Пушкина - "Узник".

Использование заголовков

Название стихотворения имеет такой же вид как и остальной текст. Намного лучше будет если сделать его заголовком.

<html>
 <head>
  <title>Стихотворение А. С. Пушкна - Узник"</title>
 </head>
 <body>
  <h2>"Узник"</h2>

  <p>Сижу за решеткой в темнице сырой.<br>
  Вскормленный в неволе орел молодой,<br>
  Мой грустный товарищ, махая крылом,<br>
  Кровавую пищу клюет под окном,</p>

  <p>Клюет, и бросает, и смотрит в окно,<br>
  Как будто со мною задумал одно;<br>
  Зовет меня взглядом и криком своим<br>
  И вымолвить хочет: "Давай улетим!</p>

  <p>Мы вольные птицы; пора, брат, пора!<br>
  Туда, где за тучей белеет гора,<br>
  Туда, где синеют морские края,<br>
  Туда, где гуляем лишь ветер... да я!.."</p>

  <p>1822 Пушкин А.С.</p>
 </body>
</html>

Теперь у нашего стихотворения есть свой заголовок.

Заголовки бывают 6-ти уровней: От H1 до H6 (по убыванию). Т.е. Загаловок H1 больше чем H6.

<html>
 <head>
  <title>Заголовки</title>
 </head>
 <body>
  <h1>Заголовок первого уровня</h1>
  <h2>Заголовок второго уровня</h2>
  <h3>Заголовок третьего уровня</h3>
  <h4>Заголовок четвертого уровня</h4>
  <h5>Заголовок пятого уровня</h5>
  <h6>Заголовок шестого уровня</h6>
 </body>
</html>

Результат

В основном используются загаловки первого - третьего уровня (h1, h2, h3). Остальные заголовки (h4, h5, h6) используются крайне редко.

<<Параграфы, перенос строк | Список уроков | Выделение текста>>