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

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

В современном сайтостроении существует шесть типов заголовков html.

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

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

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

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

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

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

Теперь вставим этот тег в наш HTML код.

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body>
<H1>Животные, обитающие в нашей области.</H1>
Животный мир нашего края достаточно
разнообразен и представлен беспозвоночными
и позвоночными животными различных классов,
отрядов и видов. На территории области 
учтено 54 вида млекопитающих. На территории
области обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, 
восемь видов встречаются только в зимнее 
время, 60 - во время пролета и сезонных 
миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР. На 
территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов 
насекомых (13 видов насекомых занесено в 
Красную книгу бывшего СССР и Красную книгу
России). В водоемах области обитает 38 видов
рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех 
и др. Самыми крупными рыбами водоемов области 
являются сом и щука. 
</body>
</html>

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

Также в заголовке мы можем прописать подзаголовок. Например, если контекст слишком велик и его нужно разбить на несколько страниц, то Вы пишите заголовок, а чуть ниже пишите “Часть-1” или название подраздела, далее, на следующей странице, опять пишите заголовок, а ниже “Часть-2” или название подраздела и т. д.
Теперь посмотрим на практике, как это сделать.
Вставляем в наш HTML код под заголовком придуманное название подраздела, например “Животные леса”. А для того, чтобы подзаголовок не слился с основным текстом, выделяем его тэгом <br>. Этот тэг означает перенос на другую строку. Он не имеет закрывающего тэга, как все остальные тэги.
Также с помощью уже известного Вам тэга <H2> зададим размер шрифта подзаголовка отличный от основного контекста.

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body>
<H1>Животные, обитающие в нашей области.</H1>
<H2>Животные леса.</H2>
<br>
Животный мир нашего края достаточно
разнообразен и представлен беспозвоночными
и позвоночными животными различных классов,
отрядов и видов. На территории области 
учтено 54 вида млекопитающих. На территории
области обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, 
восемь видов встречаются только в зимнее 
время, 60 - во время пролета и сезонных 
миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР. На 
территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов 
насекомых (13 видов насекомых занесено в 
Красную книгу бывшего СССР и Красную книгу
России). В водоемах области обитает 38 видов
рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех 
и др. Самыми крупными рыбами водоемов области 
являются сом и щука. 
</body>
</html>

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

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

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

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

Пропишем этот тэг в нашем коде.

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body>
<H1>Животные, обитающие в нашей области.</H1>
<H2>Животные леса.</H2>
<br>
Животный мир нашего края достаточно
разнообразен и представлен беспозвоночными
и позвоночными животными различных классов,
отрядов и видов. На территории области 
учтено 54 вида млекопитающих. На территории
области обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, 
<font size="+2">восемь видов встречаются
только в зимнее время</font>
, 60 - во время пролета и сезонных 
миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР. На 
территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов 
насекомых (13 видов насекомых занесено в 
Красную книгу бывшего СССР и Красную книгу
России). В водоемах области обитает 38 видов
рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех 
и др. Самыми крупными рыбами водоемов области 
являются сом и щука. 
</body>
</html>

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

Теперь копируем в “Блокнот”, сохраняем, обновляем страницу и смотрим, что у нас получилось. Как Вы видите, я не только выделил часть текста жирным шрифтом, но и изменил размер шрифта. Если Вы обратили внимание, я не вставил тэг <br> после заголовка. Дело в том, что после закрывающего тэга </H1> перенос на другую строку происходит автоматически.

В следующем разделе мы поговорим о параграфах.

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

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

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

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

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