Розміщення і форматування тексту

Текст – єдиний об'єкт Web-странки, який не вимагає спеціального визначення. Іншими словами, довільні символи інтерпретуються по мовчанню як текстові дані. Але для форматування тексту існує велика кількість елементів: виділення фрагментів курсивом, напівжирним, вибір шрифту і т.д.

Заголовки <Нn>.</Нn>,

Щоб призначити вибраний абзац заголовком (тим самим задавши для нього крупніший і жирніший шрифт, ніж для решти тексту), досить помістити його в контейнер <Нn>…</Нn>, де n – розмір шрифту. У стандарті визначено 6 рівнів заголовків: від 1 до 6. Текст, оточений тегами <Н1></Н1>, виходить великим — це основний заголовок. Якщо текст оточений тегами <Н2></Н2>, то він виглядає декілька менше (підзаголовок); текст усередині <Н2></Н3> ще менше і так далі до <Н6></Н6>. Деякі програми дозволяють використовувати більше число заголовків, проте реальні більше трьох рівнів зустрічається рідко, а більше 5 — украй рідко.

Приклад:

< H1> Заголовок1</H1>
< H2> Заголовок2</H2>

На екрані браузера виглядатиме:

Вирівнювання заголовків, якщо не вказано, здійснюється по лівому краю. Якщо ж потрібно задати вирівнювання заголовка, необхідно використовувати атрибут align (горизонтальне вирівнювання, який має наступні значення:

align =left– вирівнювання по лівому краю;

align =right– вирівнювання по правому краю;

align= center– вирівнювання по центру;

align =justify– вирівнювання по ширині.

Припустимо, що нам потрібно задати підзаголовок і вирівняти його по центру:

< H2 align=center> Підзаголовок ( H2) по центру</ H2 >.

Абзац <P>.</P>

Елемент абзацу (paragraph) – один з найкорисніших, застосовується для розділення тексту на параграфи. Він дозволяє використовувати тільки початковий тег, оскільки наступний елемент Р позначає не тільки початок наступного абзацу, але і кінець попереднього.

Браузер використовує для відділення одного абзацу від іншого порожній рядок.

У тих випадках, коли по змісту необхідно позначити завершення абзацу, можна використовувати і кінцевий тег. В деяких випадках початкових тег зручно ставити в кінці рядка: він не тільки позначить кінець абзацу, але і виконає функцію розриву рядка.

Наприклад:

< P> Текстпершого абзацу.

< P> Текст другого абзацу </P>

Текст третього абзацу. < P>

Браузер виконує команду < P> таким чином:

! перед абзацом виводиться порожній рядок,

! абзац вирівнюється по лівому краю,

! між словами розміщується рівно по одному пропуску, незалежно від того, скільки пропусків проставлено в HTML-коді,

! перенесення тексту на новий рядок відбувається тоді, коли чергове слово не поміщається в екранному рядку, а не тоді, коли новий рядок починається в HTML-програмі.

Разом з елементом абзацу можна використовувати атрибут вирівнювання align:

align=left – вирівнювання по лівому краю. За замовчуванням текст HTML вирівнюється по лівому краю і не вирівнюється по правому, тобто початок рядків знаходиться на одному рівні по вертикалі, а кінці — на різних. Найчастіше, текст, що виходить при цьому, з рівними проміжками між словами виглядає кращим. Оскільки вирівнювання по лівому краю задається автоматично, атрибут аlign=left можна опустити.

align=right – вирівнювання по правому краю;

align=center – вирівнювання по центру;

align=justify – вирівнювання по ширині.

Наприклад, для форматування абзацу по ширині слід використовувати таку конструкцію:

<P align=right>Текст абзацу вирівняний по правому краю. Абзаци форматуються браузером, і їх вигляд залежить, зокрема, від розміру вікна програми. Три наступні елементи дозволяють внести деяку визначеність до формату абзацу.

Обрив рядка <BR>

Елемент забезпечує примусовий перехід на новий рядок. Він має тільки початковий тег. Відмінність тега <BR> від тега <P> полягає в тому, що браузер не створює порожнього рядка між рядками.

Елемент розмітки <NOВR>

Тег <NОВR>(Nо Вrеаk, без обриву) дає браузеру команду відображати весь текст в одному рядку, не обриваючи її. Якщо текст, заключеней, в теги <NОВR> не поміститься на екрані, браузер додасть в нижній частині вікна документа горизонтальну смугу прокрутки. Якщо ви хочете обірвати рядок у визначеному місці, поставте там тег <ВR>.

Авторське форматування <PRE>.</PRE>

Елемент для позначення тексту, що відформатував заздалегідь (preformatted). Мається на увазі, що текст буде виведений в тому вигляді, в якому він записаний в HTML-коді, – зі всіма пропусками і кінцями рядків. Це зручно викеористовувати при показі складних сторінок.

Приклад:

<CENTER></CENTER>

Елемент для центрування тексту, а точніше – будь-якого вмісту. Цей елемент не є загальновживаним. У тих випадках, коли це можливо, замість нього в елементах тексту використовують атрибут align=center.

Поиск по сайту: