8. Теги для работы с текстом.

Тег <STRONG> устанавливает жирное начертание шрифта (устаревший тег <B>).

Тег <EM> определяет курсивное начертание шрифта (устаревший тег <I>).

Тег <U> устанавливает подчеркнутое начертание шрифта.

Тег <S> определяет зачеркнутое начертание шрифта.

Тег <SUB> отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера.

Тег <SUP> отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.

Данная группа тегов не имеет параметров, они обязательно должны закрываться.

Тег <FONT> представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура.

Параметры:

• Color - Устанавливает цвет текста.

• Face - Определяет гарнитуру шрифта.

• Size - Задает размер шрифта в условных единицах.

<font face=" Minion Pro Med, шрифт 2 ..."> текст написан шрифтом Minion Pro Med</font>

Тег <P> определяет текстовый параграф. Добавляет отступ перед следующей строкой. Имеет единственный параметр align. Этот параметр отвечает за выравнивание текста на странице и может принимать следующие значения: left, center, right, justify.

<p align="left | center | right | justify">...</p>

Тег <BR> устанавливает перевод строки в том месте, где этот тег находится (не парный).

Теги <H1>…<H6> заголовки разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег <H1> представляет собой наиболее важный заголовок первого уровня, а тег <H6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Имеют единственный параметр align, как и тег <P>, с теми же самыми значениями.

Тег <HR> рисует горизонтальную линию, которая по своему виду зависит от используемых параметров:

• Align - Определяет выравнивание линии.

• Color - Цвет линии.

• Size - Толщина линии.

• Width - Ширина линии.

Тег <MARQUEE> создает бегущую строку на странице.

Параметры:

• Behavior - Задает тип движения содержимого контейнера <MARQUEE>.

Аргументы:

• Alternate - Контент перемещается между правым и левым краем элемента.

• Scroll - Контент перемещается в направлении, заданным параметром direction, затем скрывается за пределами области, после чего начинает движение с начала.

• Slide - Контент перемещается в направлении, заданным параметром direction, доходит до края области и останавливается.

• Direction- Указывает направление движения содержимого контейнера <MARQUEE>.

Аргументы:

• Left - Движение справа налево.

• Right - Движение в правую сторону.

• Loop - Задает, сколько раз будет прокручиваться содержимое.

9. Работа с таблицей.

Таблицы с невидимой границей используются для верстки Web-страниц, позволяя разделять документ на модульные блоки. Очень популярный инструмент у Web–мастеров, пришел, взамен устаревших фреймов.

Тег <TABLE> контейнер для элементов, определяющих содержимое таблицы. Внутри <TABLE> допустимо использовать следующие элементы: <CAPTION>, <COL>, <COLGROUP>, <TBODY>, <TD>, <TFOOT>, <TH>, <THEAD> и <TR>.

Параметры:

• Align - Определяет выравнивание таблицы.

• Background - Задает фоновый рисунок в таблице.

• Bgcolor - Цвет фона таблицы.

• Border - Толщина рамки в пикселях.

• Bordercolor - Цвет рамки.

• Cellpadding - Отступ от рамки до содержимого ячейки.

• Cellspacing - Расстояние между ячейками.

• Height - Высота таблицы.

• Width - Ширина таблицы.

Тег <TR> служит контейнером для создания строки таблицы.

Параметры:

• Align - Определяет выравнивание содержимого ячеек по горизонтали.

• Bgcolor - Цвет фона ячеек.

• Bordercolor - Цвет рамки.

• Valign - Выравнивание содержимого ячеек по вертикали.

Тег <TD> предназначен для создания одной ячейки таблицы.

Параметры:

• Align - Определяет выравнивание содержимого ячейки по горизонтали.

• Background - Задает фоновый рисунок в ячейке.

• Bgcolor - Цвет фона ячейки.

• Bordercolor - Цвет рамки.

• Colspan - Объединяет горизонтальные ячейки.

<td colspan="2">содержимое ячейки</td> - данной строкой было объединено 2-е горизонтальные ячейки. Выглядеть это будет так:

содержимое ячейки

• Height - Высота ячейки.

• Rowspan - Объединяет вертикальные ячейки.

• Valign - Выравнивание содержимого ячейки по вертикали.

• Top - Выравнивание содержимого ячейки по верхнему краю строки.

• Middle - Выравнивание по середине.

• Bottom - Выравнивание по нижнему краю.

• Baseline - Выравнивание по базовой линии, при этом происходит привязка содержимого ячейки к одной линии.

• Width - Ширина ячейки.

Пример.

Создадим таблицу шириной 200 px и толщенной рамки 1 px, содержащую две строки и три столбца, в которой объединены ячейки верхней строки. Для отображения в браузере ячеек, не содержащих информацию, используются специальные символы «&nbsp;». Без использования этих символов, отображение таблицы может быть некорректным.

<table width="200px" border="1px">

<tr>

<td colspan="3"> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

</tr>

</table>