Глава 7. Форматиране на текст

7.1.  Заглавия

Разгледаните в глава 6 тагове са свързани с форматирането на текст в Web страници. С помощта на таговете <P>...</P>, <BR>, <PRE>...</PRE>, <DIV>...</DIV>, <SPAN>...</SPAN>, <CENTER>...</CENTER>  и <HR> може да се структурира целият текст на страницата в смисъл на разделянето й на отделни, свързани със съдържанието части (блокове). Затова те са тагове за форматиране на цялат страница. Те обаче не изчерпват възможностите на HTML за форматиране на страница. Другите средства, с които се осъществява форматирането в структурно отношение на Web страниците, се разглеждат в следващите глави на пособието.

В тази глава се разглеждат тагове, свързани с допълнителни възможности за форматиране и структуриране на текст в Web страници. Така че, разделянето на таговете в двете глави (гл.6 и гл.7) е до известна степен условно.

Заглавията в Web страниците, както и в обикновените документи, способстват за бързо ориентиране в структурата и съдържанието на страницата. Затова таговете за заглавия са едни от най-употребяваните в Web страниците.

С таговете за заглавия могат да се задават шест нива на размера на текста на заглавие. Най-големият размер се постига с използване на тага <H1>....</H1>, а най-малкия с <H6>...</H6>.

Както се вижда, таговете за заглавия са контейнерни , т.е. затварящата част на тага е задължителна.

В таговете за зглавия най-често се използва атрибутът ALIGN=, който, както е посочено в параграф 6.1, приема стойности ALIGN=LEFT (по подразбиране), ALIGN=CENTER и  ALIGN=RIGHT.

На фиг.7.1 е показан кодът на страници с използване на  таговете за заглавие.

Фиг. 7.1

<h1 align="center">Това е заглавие форматирано с таг &lt;H1&gt;</h1>

<h2 align="center">Това е заглавие форматирано с таг &lt;H2&gt;</h2>

<h3 align="center">Това е заглавие форматирано с таг &lt;H3&gt;</h3>

<h4 align="center">Това е заглавие форматирано с таг &lt;H4&gt;</h4>

<h5 align="center">Това е заглавие форматирано с таг &lt;H5&gt;</h5>

<h6 align="center">Това е заглавие форматирано с таг &lt;H6&gt;</h6>

 

В текста на фиг. 7.1 символът &lt; представляват кода на "<", а този &gt; - кода на ">".

Кодът от фиг.7.1 ще изглежда в прозореца на браузер по следния начин

Както се вижда нивото 4 е с размер на обикновен текст, а нивата 5 и 6 са с размер по-малък от обикновения текст. Освен това текста между таговете за заглавия е удебелен по подразбиране.

Таговете за заглавия не могат да се използват в текст, предварително зададен с таг за параграф <P>...</P>.