Виды заголовков в HTML

Доброго времени суток дорогие читатели! Сегодня я хочу Вам рассказать о том, какие типы заголовков существуют в HTML. Они часто используются на сайте, поэтому Вы должны знать их обязательно.

В HTML есть 6 видов заголовков, а точнее 6 уровней. Заголовок имеет следующий синтаксис: <hх>Текст заголовка </hx>
Где x указывает на уровень заголовка и может принять значение от 1 до 6.

Самый крупный заголовок это заголовок первого уровня <h1></h1>, а самый маленький это заголовок шестого уровня <h6></h6>. С этого можно сделать такой вывод, что чем выше уровень, тем крупнее заголовок. Для того чтобы Вы хорошо поняли эту тему, давайте создадим страницу с заголовками.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <meta name="description" content="Описание страницы. Не менее 160 символов. " />
        <meta name="keywords" content="Здесь указываем список ключевых слов, разделенные запятой." />
        <title>Заголовки</title>
    </head>
    <body>
        <div align="center" >
            <h1>Заголовок 1-го уровня </h1>
            <h2>Заголовок 2-го уровня </h2>
            <h3>Заголовок 3-го уровня </h3>
            <h4>Заголовок 4-го уровня </h4>
            <h5>Заголовок 5-го уровня </h5>
            <h6>Заголовок 6-го уровня </h6>
        </div>
    </body>
</html>

А теперь посмотрим, как все эти заголовки отображаются в браузере.

Обычно заголовок первого уровня <h1></h1> на странице используется один раз. Например, для выделения названья статьи на странице. Остальные заголовки уже идут как подзаголовки, они используются чаше, соответственно для выделения подзаголовков статьи.

Вот собственно и все что касается заголовков в HTML. Вы должны знать эти заголовки на изусть, так как они часто используются при создании сайта. Всем удачи!

Видео:

Понравилась статья?

Тогда поделитесь ею с друзьями и подпишитесь на новые интересные статьи.

Поделиться с друзьями:

Подписаться на новые статьи:

Поддержите пожалуйста мой проект!

<< Предыдущая статья Следующая статья >>

Если у Вас есть какие-то вопросы или предложения, то можете писать их в комментариях или мне на почту sergiu1607@gmail.com. И если Вы заметили какую-то ошибку в статье, то прошу Вас, сообщите мне об этом, и в ближайшее время я всё исправлю.

Добавляйтесь ко мне в друзья в: