HTML Part 8 (text-flow commands)

Управление на текстовия поток (text-flow commands)

По правило WWW клиентът реорганизира разположението на текста в даден документ, като отстранява всички управляващи символи "CR" и допълнителните празни позиции (шпации). В езика съществуват специални команди, които позволяват даден текст да се визуализира точно по начина по който е създаден.

Форматиране на параграф - <P>

<P> е команда за начало на нов параграф. По принцип всички параграфи трябва да започват и да завършват с този елемент. Командата не изисква краен елемент </P>, въпреки, че много WWW клиенти го съблюдават. В края на параграфа се поставят два символа "CR". Следващият параграф започва през един ред. Увеличаване на разстоянието между параграфи може да стане с използване на празна дефиниция на параграф като между <P> и </P> не се поставя текст, а специален символ ( ). Командата за начало на параграф се използва в два формата - съкратен и пълен, където се подържат атрибути за подравняване на текста - ALIGN.

Съкратен запис:

<P>Text</P>

Разширен запис:

<P ALIGN=left|center|right> ... </P>

ALIGN=CENTER - Текстът в параграфа ще бъде центриран;
ALIGN=LEFT - Текстът в параграфа ще бъде изравнен в ляво;
ALIGN=RIGHT - Текстът в параграфа ще бъде изравнен в дясно.

Преминаване на нов ред - <BR>

<BR> е празен елемент, който налага извеждане на "CR" в точката, в която е зададен. Елементът осигурява нормално междуредие в рамките на параграф или списък когато текстът трябва да се разположи на повече самостоятелни редове.

Съкратен запис:

<BR>

Разширен запис:

<BR CLEAR=left|all|right|none>

Използването на елемента с параметри дава добри възможности за разполагане на текст около графични обекти и таблици в полето на HTML документа. Параметрите определят по какъв начин да бъде разположен новият ред, формиран след изпълнението на командата <BR>. Значението на параметрите е следното:

CLEAR=left - редът започва от първата допустима линия под обекта, подравнен в ляво;
CLEAR=all - редът започва от първата допустима линия под обекта, подравнен спрямо центъра;
CLEAR=right - редът започва от първата допустима линия под обекта, подравнен в дясно;
CLEAR=none - следващият ред започва нормално (значение по подразбиране).

За блокиране преминаването на нова линия текстът може да се огради от елементите <NOBR> и </NOBR>. Използването им трябва да става внимателно, защото може да предизвика формиране на дълга линия на един ред и да принуждава потребителя да използва асансьора за хоризонтално преместване, което нарушава конфорта при четене.

Преформатиране на текст - <PRE>

<PRE> е непразен елемент. Заграденият от елемента текст се извежда в полето на документа без промяна в шрифт с фиксирана широчина (Courier). Командата се използва винаги, когато е необходимо текстът да изглежда по същият начин, по който е зададен във източника, като се съблюдават специфицираните команди, символи "CR" и празни позиции.

Съкратен запис:

<PRE>

Разширен запис:

<PRE WIDTH=n>, където n определя броя на символите на един ред.

Хоризонтална линия - <HR>

<HR> е команда за извеждане на хоризонтална линия в текущата позиция. Дебелината и формата на изобразяване на линията се контролира от параметри. При повечето WWW клиенти тази линия е съпроводена от празен ред преди и след линията. Командата е полезна за разделяне на документа на отделни части или глави.

Съкратен запис:

<HR>

Разширен запис:

<HR ALIGN=LEFT|RIGHT|CENTER NOSHADE SIZE=n WIDTH=n|n% COLOR="#rrggbb">

ALIGN=LEFT|RIGHT|CENTER - определя хоризонталното подравняване на линията - ляво|дясно|центрирано.
NOSHADE - стандартно линията се изтегля със сянка (3D). Атрибутът премахва това условие.
SIZE=n - определя дебелината на линията в зависимост от стойността на n, зададена в пиксели.
WIDTH=n|n% - задава дължината на линията определена от стойността на n, зададена в пиксели или проценти.
COLOR ="#rrggbb" - задава цвета на линията (поддържа се от MS Internet Explorer само).

Коментар - <!>

 е елемент за въвеждане на коментар в кода на HTML документа, който няма да бъдат интерпретирани и съответно изобразяван в полето на документа.

Пример с команди за управление на текстовия поток - код:

<HR WIDTH="100%">
<P ALIGN=left>Параграфът е подравнен в ляво</P>
<P ALIGN=center>Параграфът е центриран</P>
<P ALIGN=right>Параграфът е подравнен в дясно</P>
<HR NOSHADE SIZE=3 WIDTH="50%">
<P ALIGN=center>Този параграф има за цел да илюстрира възможностите<BR>за подравняване на редовете чрез<BR>използване на командата <BR></P>
<HR SIZE=5 WIDTH="500">

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

Екран 2 - Управление на текстовия поток

Структуриране на документ <DIV>

<DIV> е команда за логическо разделяне на текста в един документ на отделни блокове като глави, приложения, библиография и други. Командата е от непразен тип, като заключените текст или параграфи между началния и крайния елемент се подчиняват на дефинираните в командата атрибути.

Съкратен запис:

<DIV> ... </DIV>

Разширен запис:

ALIGN=LEFT|RIGHT|CENTER - определя хоризонталното подравняване на блока - ляво|дясно|центрирано.
ID|CLASS=name - атрибутът задава единствен идентификатор за елемента (ID) или име на клас/класове към този елемент (CLASS).
STYLE=style-data - атрибутът определя стиловата дефиниция за елемента.
CLEAR=LEFT|RIGHT|ALL - начало на блока с празни полета - ляво|дясно|от двете страни.
NOWRAP - включва/изключва пренасянето на текста в блока на нов ред.

Следващият пример илюстрира приложението на команда <DIV> и унаследяване на неговите атрибути от командите в блока:

<HTML>
<HEAD>
<TITLE>The DIV tag</TITLE>
</HEAD>
<BODY>
<DIV STYLE="COLOR:BLUE" CLEAR=ALL>
<H1>Заглавие с текст в син цвят</H1>
<P>Този параграф унаследява стиловите атрибути на блока и текстът в него се извежда в полето на документа в син цвят.</P>
<P><FONT COLOR="BLACK">Параграфът извежда в полето на документа специални символи в черен цвят  © ®</FONT></P>
</DIV>
</BODY>
</HTML>

Визуализация след интерпретация на кода (Екран 2.1):

Екран 2.1 - Приложение на команда <DIV>

Интернет за персонални компютри