Теги управління розміткою Заголовки

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

На малюнку показаний результат використання наступних заголовків:

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

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

Рис. 3.1.

Тег <P>

Тег <P> застосовується для розділення тексту на параграфи. У ньому використовуються ті ж атрибути, що і в заголовках.

Атрибут аlign

Атрибут АLIGN дозволяє вирівняти текст по лівому або правому краю, по центру або ширині. За умовчанням текст вирівнюється по лівому краю. Даний атрибут застосуємо також до графіки і таблиць.

Далі наведено можливі значення атрибута АLIGN:

АLIGN

justify вирівнювання по лівому і правому краях. Реалізовано не у всіх програмах інтерпретації.

АLIGN

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

АLIGN

right вирівнювання по правому краю. Текст, вирівняний по правому краю і не вирівняний по лівому - кінці рядків знаходяться на одному рівні, а початок на різних, - часто використовується з метою створити оригінальний дизайн. Для цього задається атрибут АLIGN = right у звичайних тегах, наприклад в теге <Р>.

АLIGN

centerцентрування тексту і графіки. Є кілька способів відцентрувати текст або графіку. У специфікаціях HTML 3.0 пропонується користуватися тегом <АLIGN = сеntеr>. Однак цей тег можна застосувати не до всіх об'єктів HTML-сторінки, тому розробники Netscape додали тег <СЕNТЕR>, який центрує будь-які об'єкти і підтримується браузерами Netscape Navigator 3.0, Microsoft Internet Explorer 3.0 та іншими. До тегу <СЕNТЕR> потрібно ставитися з обережністю. Який-небудь браузер може його взагалі проігнорувати, і на сторінці виявиться текст, вирівняний по лівому краю.

Обтікання графіки текстом. За допомогою атрибута ALIGN можна змусити текст "обтікати" графічний об'єкт. Для цього слід помістити тег <IMG SRC="/путь/файл.gif"> туди, де повинен бути графічний об'єкт, і додати атрибут ALIGN = left, ALIGN = right або АLIGN = center. Крім того, за допомогою атрибутів НSPAСЕ і VSPАСЕ (вони описані нижче) задається ширина горизонтальних і вертикальних полів, що відокремлюють зображення від тексту. Можна також створити рамку навколо картинки або обрамлення таблиці текстом. Щоб текст не "обтікав" графіком, а переривався, необхідно застосувати тег <BR> c атрибутом Сlear.

Використання тега <ВR>

Примусове переведення рядка використовується для того, щоб порушити стандартний порядок відображення тексту. При звичайному режимі інтерпретації програма інтерфейсу користувача відображає текст у робочому вікні, автоматично розбиваючи його на рядки. У цьому режимі кінці рядків тексту ігноруються. Атрибут СLЕАR в теге <ВR> використовується для того, щоб зупинити в зазначеній точці обтікання об'єкта текстом і потім продовжити текст в порожній області за об'єктом. Триваючий за об'єктом текст вирівнюється у відповідності зі значеннями LEFT, RIGHT або Аll атрибуту СLЕАR:

<BR СLЕАR=lеft> Текст буде продовжений, починаючи з найближчого порожнього лівого поля.

<BR СLЕАR=right> Текст буде продовжений, починаючи з найближчого порожнього правого поля .

<BR СLЕАR=аll> Текст буде продовжений, як тільки і ліве, і праве поля виявляться порожніми.

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

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