<<Темы

Урок 2. Тэги форматирования документа

Элемент p

Блочный тэг, определяющий текстовый абзац, выделяемый расширенным пустым местом в тексте (пустая строка) из числа других абзацев, заголовков итд. Браузер может вставлять дополнительные пробелы в начале первой строки, но большинство браузеров не делают этого. Элемент p имеет необязательный атрибут:
align — выравнивание текста абзаца, который может принимать следующие значения:
="left" - (по умолчанию) по левому краю
="center" - по центру
="right" - по правому краю
="justify" - по ширине

<p align="right">
Это текст, выровненный по правому краю.
</p>

Элемент div

Блочный тэг, определяющий текстовый абзац. Очень удобен для работы с таблицами стилей и скриптами. Единственное и основное отличие от тэга p состоит в том, что он не выделяется в тексте пустой строкой. Элемент div имеет те же самые атрибуты, что и тэг p.

Элемент blockquote

Блочный тэг. Самый простой и распространенный способ отступа всего абзаца от края. Текст, заключенный между этими тэгами, выводится браузером на экран с увеличенным левым полем.
<blockquote>Так выглядит
текст с применением
данного тэга.</blockquote>

Элемент center

Блочный тэг. Служит для установки выравнивания по центру части страницы. Этот элемент не имеет никаких атрибутов. Стоит заметить, что подобных тэгов для выравнивания по другим признакам не существует.
<center>В центре строки
может быть не только текст.</center>

Элемент font

Строчный тэг. Является самым удобным и универсальным способом задать шрифт. Имеет всего три атрибута:
face — название шрифта. Может принимать сразу несколько значений, которые перечисляются через запятую. Браузер подставляет первое значение из имеющихся на клиентском компьютере
size — размер шрифта. Единицы измерения pt, px, %, big (120% от базового), small (80% от базового), +n (на n разрядов больше/меньше базового)
color — цвет шрифта. Его можно описывать в шестнадцатеричной системе (#d4e8f2), RGB (255,0,157) либо дать текстовое описание (blue).
Базовый шрифт можно установить с помощью элемента basefont. Он имеет те же атрибуты, что и font, но используется только один раз на странице.
<font face="Arial" size="+2" color="red">Шрифт можно изменить.</font>

Форматирование текста

Существует несколько строчных тэгов, променение которых дает необходимые эффекты форматирования текста.
b<b>полужирный</b> шрифт
i<i>курсив</i>
u<u>подчеркивание</u>
s<s>перечеркивание</s> (поддерживается не всеми браузерами)
blink<blink>мерцание</blink> текста (поддерживается не всеми браузерами)
tt<tt>моноширинный</tt> шрифт
sub<sub>нижний</sub> индекс
sup<sup>верхний</sup> индекс
big<big>большой</big> шрифт (120% от базового)
small<small>маленький</small> шрифт (80% от базового)

Заголовки

Когда пишется HTML-документ, текст структурно делится на просто текст, заголовки частей текста, заголовки более высокого уровня и т.д. Первый уровень заголовков (самый большой) обозначается цифрой 1, следующий - 2, и т.д. Большинство браузеров поддерживает интерпретацию шести уровней заголовков, определяя каждому из них собственный стиль. Заголовки выше шестого уровня не являются стандартом и могут не поддерживаться браузером. Заголовок самого верхнего уровня имеет признак "1". Синтакс заголовка следующий:
<Hx>Заголовок x-го уровня</Hx>
где x - цифра от 1 до 6, определяющая уровень заголовка.
<h1>Заголовок 1</h1>
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
<h4>Заголовок 4</h4>
<h5>Заголовок 5</h5>
<h6>Заголовок 6</h6>


<<Урок 1 ^ наверх ^ Задание №2Урок 3>>