Урок 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) используются крайне редко.

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