Форматування абзаців, розділів та рядків. Атрибути тегів

При створенні web-сторінок не слід забувати, що будь-який текст складається з абзаців. Для створення абзацу мовою HTML використовують теги <Р> і </Р>, між якими вміщений текст абзацу. Втім, кінцевий тег </Р> в елементі абзацу в деяких випадках не є обов'язковим.

Для переходу на новий рядок (розрив рядка) без створення абзацу застосовується тег <BR> - наступний за цим тегом текст буде наведено в новому рядку без пропуску рядка. Цей тег є порожнім елементом, що змушує браузер перевести текст на новий рядок. Якщо при оформленні сторінки необхідно, щоб текст був розміщений в одан довгий рядок, використовують тег <NOBR>.

Вирівнювання абзаців

Вирівнювання абзаців у межах сторінки можливе за рахунок атрибуту align, який може мати такі значення:

left, center або right – вирівнювання по лівому краю, по центру або по правому краю

Запис тегу, що містить атрибут, має такий вигляд:

<Р align ="left"> по лівому краю </Р>

Для структурування тексту у web-документах використовуються також розділи, які створюються за допомогою тегів <DIV> </div>. Вирівнюють розділи, як і абзаци, за допомогою атрибута align.

Форматування символів тексту. Заголовки. Спецсимволи

Для форматування тексту в HTML застосовують теги форматування символів тексту, наприклад парні теги форматування символів тексту:

<В> текст </В> — напів жирний шрифт тексту;

<І> текст </І> — шрифт-курсив;

<U> текст </U> — підкреслений шрифт;

<S> текст </S> — закреслений шрифт;

<tt> текст </tt> — задає стиль друкарської машинки;

та інші.

Приклад комбінації тегів форматування:

<U> <В> <І> текст </Ix/Bx/U> — підкреслений напівжирний курсив (принцип вкладення тегів).

Заголовки

Більшість HTML-документів містять заголовки. Є шість видів заголовків, які відрізняються розмірами символів. Заголовок -окремий тип абзацу. Для його створення використовують теги <Нn></Нn>, де n - число від 1 до 6. Ввівши текст між цими тегами, ви одержите заголовок певного розміру.

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

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

<Н3>Заголовок</Н3>

<Н4>Заголовок</Н4>

<Н5>Заголовок</Н5>

<Н6>Заголовок</Н6>

Теги заголовків не слід використовувати для створення звичайних абзаців з різними розмірами шрифту.

Вирівнюють розділи, як і абзаци, за допомогою атрибута align.