Заголовок для HTML документа

Безимени-180То на что прежде всего обращает внимание современный избалованный пользователь интернета, просматривая очередную страницу – это заголовки, прописываемые через HTML. Если они сумеют его зацепить, то человек останется на странице и более подробно ознакомиться с её содержимым.

Итак, заголовок должен «цеплять». Это – креативная составляющая процесса. Зашедший на страницу гость, быстро пробежав глазами строки, должен выхватить выделенную в заголовке суть. Проще говоря: и большой заголовок и меньшие подзаголовки должны быть максимально интересным. Если это удастся – то вы уже отчасти достигнете своей цели: захватив внимание пользователя, вы сможете и заработать.

Современное сайтовые верстальщики выделяют 6 вариантов в html заглавиях. Разберём их:

<H1>заголовок</H1>

<H2>заголовок</H2>

<H3>заголовок</H3>

<H4>заголовок</H4>

<H5>заголовок</H5>
<H6>заголовок</H6>

Вы видите, что тэг <H…> – это заглавие, и чем больше цифра, стоящая после буквы «H», тем меньше заголовок. Таким образом, именно <H1> является наибольшим и по размерам и по значимости. Если вы указываете после H – «1» то это значит, что для поисковых систем, именно это будет наиболее значимой частью вашей страницы.

Посмотрим, что будет, если вставить этот в тэг в наш HTML документ:

 посмотреть результат

 

Если текст совсем простой и короткий, то достаточно бывает и одного заголовка, но для значительных статей без подзаголовков не обойтись. Скажем, для начала, на первой странице вы вводите заголовок, а затем «подраздел – 1», а на последующей странице – вновь название темы самым крупным заглавием, а под ней уже «подраздел – 2» и т.д.
Приведём конкретные примеры:
В HTML-код вводим произвольное название вашего материала. Скажем «Введение». После этого, чтобы имелся разрыв с остальным текстом, добавляем <br> – т.е. пустую строку. Закрывающего тэга для него ставить не надо.
Далее ставим тэг <H2>, указывающий меньший размер и значимость для подзаголовка.

 посмотреть результат

 

Чтобы выделить некоторые, наиболее значимые части текста (это может быть строка или фраза) используются заголовки. А для того чтобы выделить большой по числу символов участок текста применяется параметр size. С его помощью можете указать требуемую величину шрифта.
Далее вы можете увидеть примеры размеров шрифтов и как их правильно указывать:

<font size=”+4″>текст</font>
<font size=”+3″>текст</font>
<font size=”+2″>текст</font>
<font size=”+1″>текст</font>

Из этого видно, что size вставляется в тэги <font> , указывая, какой будет величина надписи. Вообще, у тэга <font> много возможностей. Комбинируя его с другими атрибутами можно указывать и цвет шрифта, и его толщину и многие другие параметры.

Так он будет выглядеть в коде.

 

 посмотреть результат

 

После этого изменения надо сохранить и перезапустить страницу. Можно увидеть, как это повлияло на внешний вид документа. Некоторая часть текста теперь выделена жирным шрифтом, также изменился и его размер. В данном примере после заголовка отсутствует тэг <br>. Тем ни менее, текст идёт уже с другой строки, т.к. такой разрыв происходит автоматически при каждом закрытии тэга </H1>.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Оставить комментарий

http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика