Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Вставляем заголовки на web-страницу.

Viktor | 24.02.2014 | нет комментариев

Как вставить заголовок на странице сайта?

Открывая любое средство массовой информации, газету, журнал, книгу и т.д. первое что Вам бросается в глаза – это заголовки разделов, статей, рубрик. Что Вы делаете в первую очередь? Правильно! Вы просматириваете заголовки, а уже затем читаете текст.

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

Значит, Вам надо научиться вставлять заголовки, а то не смотрится наша статья.

В HTML документах для создания заголовков используют парные тэги: <hn></hn>, где n – число от 1 до 6. Заключив текст между этими тэгами, вы получите заголовок определенного размера выделенного жирным цветом. Чем больше цифра – тем меньше размер букв или цифр в заголовоке, т.е. самые большие буквы (или цифры) будут у <h1>Заголовок</h1>, самые маленькие у <h6>Заголовок</h6>. Давайте напишем это в коде web-страницы:

<h1>Заголовок</h1>

<h2>Заголовок</h2>

<h3>Заголовок</h3>

<h4>Заголовок</h4>

<h5>Заголовок</h5>

<h6>Заголовок</h6>

Сохраняем и обновляем web-страницу в браузере.

А вот так Заголовки будут выглядеть на экране монитора:

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

Рисунок 4.1.

Раз уж мы решили что наша страничка посвящена автомобилям давайте придумаем заголовок, например “Обзор автомобилей 2008 года” и заключим его в парные теги <h2> </h2> (на мой взгляд в данном случае это наиболее оптимальный размер).

Выравнивание заголовков осуществляется так же как и у абзацев через атрибут align и значение этого атрибута “center” . Кстати значения атрибутов принято заключать в кавычки. Наш заголовок в коде должен выглядеть вот так:

Обзор автомобилей 2008 года.

А страничка должна иметь вот такой вид:

Внешний вид нашей первой web-страницы

Рисунок 4.2.

Попробуйте применить теги h разные значения коэффициента n от 1 до 6 и по наблюдайте, как изменяется размер заголовков.

Примечание: Теги заголовков всегда используются по убывающей, т.е. всегда в самом первом заголовок заголовке применяются теги <h1> </h1> он бывает обычно один, затем используются <h2> </h2>, <h3> </h3> и т.д. этих заголовков на каждой web-странице может быть несколько.

АВТОРСКИЕ ПРАВА
Источник: luksweb.ru
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB