40Управління розташування тексту на сторінці

Для вирівнювання тексту на веб-сторінці використовується тег < p >.

Але самий процес форматуваннятексту відбувається не за допомогою цього тегом, а за допомогою додаткових команд (атрибутів) цього тега:

< p align="center" >текст< /p > - центрування тексту

< p align="left" >текст< /p > - вирівнювання тексту по лівому краю

< p align="right" >текст< /p > - вирівнювання тексту по правому краю

< p align="justify" >текст< /p > - вирівнювання текстової інформації з обом краям документа (веб-сторінки).

Інший спосіб розміщення тексту тільки по центру. Але і тут є своя перевага. Полягає воно в тому, що текст не буде поміщений в параграф. Для цього необхідно помістити його в тег <center> ... </ center>.

Третій варіант, за допомогою якого можна вирівняти текст, це теги <div> ... </ div>.

Записується він точно так само, як і теги <p> ... </ p>:

<div align="center"> ... </ div> - текст буде розташований по центру

<div align="left"> ... </ div> - текст буде розташований по лівому краю

<div align="right"> ... </ div> - текст буде розташований по правому краю

<div align="justify"> ... </ div> - текст буде розташований по всій ширині сторінки

Параграф не може містити в собі інші параграфи (а також і тег < div >).Тобто, такі варіанти будуть невірні і вводити їх в документ не можна. Елемент < div > може містити в собі параграфи. За допомогою нього можна згрупувати їх.

 

41.Теги фізичного та логічного форматування тексту

Фізичне форматування тексту

У HTML передбачено кілька тегів-контейнерів для фізичної форматування символів. Ці теги визначають зовнішній вигляд символів явним чином в протилежність тегам логічного форматування:

<B> . . . </B>: виділяє текст жирним шрифтом;

<I> . . .</I>: виділяє текст курсивом шрифтом (курсивом);

<U> . . .</U>: виділяє текст підкресленням;

<STRIKE> . . .</STRIKE>: виділяє текст перекресленням;

<TT> . . .</TT>:задає текст з фіксованою шириною символів (наприклад, листинги програм);

<SUB> . . .</SUB> вказує підрядковий (нижній) індекс;

<SUP> . . .</SUP> вказує надрядковий (верхній) індекс;

<BLOCKQUOTE> . . . </BLOCKQUOTE>: задає ліве поле;

<PRE> . . . </PRE>(preformatted - попередньо відформатований): виводить текст на екран з відпрацюванням всіх знаків пробілів, табуляції, переведення рядка і нового рядка.

Логічне форматування тексту

Теги логічного форматування символів, на відміну від тегів фізичної форматування, вказують ділянки тексту, що розрізняються за смисловому змістом, спосіб виділення яких на екрані визначає сам браузер. В HTML використовуються наступні теги-контейнери логічного форматування:

<CITE> . . . </CITE>: цитата;

<EM> . . . </EM>(emphasis - наголос): текст, який має велике значення;

<STRONG> . . . </STRONG> (сильний): сильне виділення тексту;

<SAMP> . . . </SAMP>(sample - зразок): зразок повідомлень, які виводяться на екран;

<KBD> . . . </KBD>(keyboard - клавіатура):текст, що вводиться з клавіатури;

<CODE;> . . . </CODE>(code - код): фрагмент вихідного тексту;

<VAR> . . . </VAR>(variable - мінлива): ім'я змінної.