Урок 2. HTML теги заголовков и параграфа

По прежнему основным источником информации является - текст. Сегодня мы рассмотрим всего несколько тегов, которые используются повсеместно - это теги заголовков и параграфа.

HTML теги заголовков

В спецификации языка HTML существует 6 уровней для заголовков. Тег заголовка имеет парную структуру, между открывающим тегом и закрывающим содержится непосредственно сам текст заголовка.
Рассмотрим все 6 уровней заголовков:

HTML. h1 - заголовок 1 уровня

HTML. H1 код заголовка 1 уровня:

<h1>Заголовок 1 уровня</h1>

HTML. h2 - заголовок 2 уровня

HTML. H2 код заголовка 2 уровня:

<h2>Заголовок 2 уровня</h2>

HTML. h3 - заголовок 3 уровня

HTML. H3 код заголовка 3 уровня:

<h3>Заголовок 3 уровня</h3>

HTML. h4 - заголовок 4 уровня

HTML. H4 код заголовка 4 уровня:

<h4>Заголовок 4 уровня</h4>

HTML. h5 - заголовок 5 уровня

HTML. H5 код заголовка 5 уровня:

<h5>Заголовок 5 уровня</h5>

HTML. h6 - заголовок 6 уровня

HTML. H6 код заголовка 6 уровня:

<h6>Заголовок 6 уровня</h6>

Вот мы и рассмотрели все html заголовки (h1-h6), используют их для форматирования заголовков разделов вашей статьи, сайта. Одним словом использовать так же как в жизни при написании документа (например: диплома).

Ниже ссылка на демо пример "HTML код заголовков":
 

 

<p> - HTML тег параграфа

HTML тег параграфа, тоже имеет парную структуру:

<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>

Ниже ссылка на демо пример "HTML код параграфа":
 

 

ВАЖНО!!! HTML код считывается браузером сверху вниз, соответственно HTML код в браузере будет располагаться в той последовательности, в которой вы его написали.

Ниже ссылка на демо пример "HTML код параграфа с заголовками":
 

 

HTML код заголовков и параграфа - Выводы

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

Рубрика: Основы HTML