Глава 6. Форматиране на HTML документи

6.1 Разделяне на текста на параграфи 

Едно от важните изисквания към Web страниците и въобще към HTML документите е те така да бъдат структурирани, че бързо и лесно да се преглеждат и да се открива интересуващата посетителя информация (раздел или част от документа).

Езика HTML притежава много добри възможности за целесъобразно структуриране на публикациите. 

Една от възможностите на HTML е разделянето на документа на параграфи (абзаци) чрез тага <P>. Този таг е контейнерен и макар да не е задължителен затварящият елемент </P> , препоръчва се да не се пропуска.

Тагът <P> се поставя в началото на параграфа и това предизвиква включването на празен ред преди поредния параграф.

Необходимо е да се отбележи, че ако в изходен текст на документ,  запазен в ASCII код, преминаването към нов абзац е осъществено чрез натискане на клавиша Enter това не означава, че текста в прозореца на браузера ще бъде разделен на абзаци. Браузерът ще игнорира символа за преминаване към нов параграф и текста се изобразява в непрекъснати редове.

Следният изходен  текст  е разделен на абзаци чрез натискане на клавиш Enter в края на всеки ред.

 

Едно от важните изисквания към Web страниците и въобще към HTML документите е те така да бъдат
структурирани, че бързо и лесно да се преглеждат и да се открива интересуващата посетителя 
информация (раздел или част от документа). 
Езика HTML притежава много добри възможности за целесъобразно структуриране на публикациите.
Една от възможностите на HTML е разделянето на документа на абзаци чрез тага  <p>.
Този таг е контейнерен и макар да не е задължителен затварящият елемент </p> , препоръчва се да не 
се пропуска. 
Тага <p> се поставя в началото на параграфа и това предизвиква включването на празен ред преди
поредния параграф.

В прозореца на браузера този текст ще се изобрази по следния начин:

 
Едно от важните изисквания към Web страниците и въобще към HTML документите е те така да бъдат структурирани, че бързо и лесно да се преглеждат и да се открива интересуващата посетителя информация (раздел или част от документа). Езика HTML притежава много добри възможности за целесъобразно структуриране на публикациите. Една от възможностите на HTML е разделянето на документа на абзаци чрез тага <p>. Този таг е контейнерен и макар да не е задължителен затварящият елемент </p> , препоръчва се да не се пропуска. Тага <p> се поставя в началото на параграфа и това предизвиква включването на празен ред преди поредния параграф.

Както се вижда прекъването на редовете в текст (ASCII код) се игнорира от браузера. Целият текст се изобразяв непрекъснато.

Същият изходен текст разделен на параграфи с тага <P> изглежда така:

<p>Едно от важните изисквания към Web страниците и въобще към HTML документите е те така да бъдат структурирани,че бързо и лесно да се преглеждат и да се открива интересуващата посетителя информация (раздел или част от документа).</p> <p>Езика HTML притежава много добри възможности за целесъобразно структуриране на публикациите.</p> <p>Една от възможностите на HTML е разделянето на документа на абзаци чрез тага <p>.</p><p> Този таг е контейнерен и макар да не е задължителен затварящият елемент </p> , препоръчва се той да не се пропуска. Тагът <p> се поставя в началото на параграфа и това предизвиква включването на празен ред преди поредния параграф.</p>

 Този текст при изобразяване в прозореца на браузера ще изглежда по следния начин:

Едно от важните изисквания към Web страниците и въобще към HTML документите е 
те така да бъдат структурирани, че бързо и лесно да се преглеждат и да се открива 
интересуващата посетителя информация (раздел или част от документа).


Езика HTML притежава много добри възможности за целесъобразно структуриране 
на публикациите.

Една от възможностите на HTML е разделянето на документа на абзаци чрез тага 
<p>. 

Този таг е контейнерен и макар да не е задължителен затварящият елемент </p>, 
препоръчва се да не се пропуска. Тага <p> се поставя в началото на параграфа 
и това предизвиква включването на празен ред преди поредния параграф.

Наличието на няколко тага <p></p><p></p><p></p>, без съдържание между отварящата и затварящата част, не предизвиква появата на повече празни редове, т.е. браузерите игнорират празен таг (<p></p>). Ако между отварящата и затварящтата част на тааг за параграф се постави специалният символ за празен интервал (<p>&nbsp;</p> в текста ще се появи празен ред.

Тагът за параграф <p> няма задължителни атрибути, но в него могат да се използват няколко атрибута.

 Един от най-често използваните атрибути е ALIGN=. С този атрибут се задава подраняване на текст.

Атрибута ALIGN се използва и в други тагове, които се разглеждат в други глави на пособието.

 Другите атрибути, използвани в тага за параграф, се разглеждат в следващите глави на пособието.

 Стойностите на атрибута ALGN са посочени в табл 6.1

 

Таблица 6.1
Стойност Резултат от изпълнение на тага <p align=" ....." >
align="left" Подравнява текста по лявата граница на прозореца (по подразбиране)
align="center" Центрира текста в прозореца на браузера
align="right" Подравнява текста по дясната граница на прозореца
align="justify" Двустранно подравняване на текста.

Ако в тага за параграф <p> липсва атрибута align по подразбиране текста на параграфа се подравнява наляво.

В таговете <p> в кода на следният текст се използват различни стоиности на атрибута align.

<P >Едно от важните изисквания към Web страниците и въобще към HTML
документите е те така да бъдат структурирани, че бързо и лесно да се преглеждат
и да се открива интересуващата посетителя информация (раздел или част от документа).</P>
<P ALIGN="LEFT">Езика HTML притежава много добри възможности за целесъобразно структуриране на публикациите. </P>
<P ALIGN="CENTER">Една от възможностите на HTML е разделянето на документа на абзаци чрез тага &amp;lt;p&amp;gt;.</P>
<P ALIGN="RIGHT"> Този таг е контейнерен и макар да не е задължителен затварящият елемент &amp;lt;/p&amp;gt; , препоръчва се той да не се пропуска.</P>
<P ALIGN="JUSTIFY"> Тагът &amp;lt;p&amp;gt; се поставя в началото на параграфа
и това предизвиква включването на празен ред преди пореднияпараграф. </P>

Резултата от интерпретирането на този код в браузер ще изглежда по следния начин.

От версия 4.0 на  HTML са предвидени и други средства за задаване подравняването и други атрибути за форматиране на параграф .

 Тези въпроси се разглеждат в глава 16.