Теги эффектов шрифтов
Кроме различных типов шрифтов, для оформления документов можно использовать и теги эффектов шрифтов. Описание этих тегов приведено в табл. 8.2.
Теги эффектов (акцентов) шрифтов
Таблица 8.2
Тег |
Описание |
<B> или <Strong> |
Выделяет текст полужирным шрифтом |
<I> или <Em> |
Выделяет текст курсивом |
<U> |
Выделяет текст подчеркиванием |
<SUB> |
Преобразует текст в верхние индексы |
<SUP> |
Преобразует текст в нижние индексы |
<S> |
Перечеркнутый текст |
<BLINK> |
Мерцание |
Пример 9. Использование различного шрифтового оформления
<html>
<head>
<title>Информационные технологии</title>
</head>
<body>
<BASEFONT Face=Arial Size=3>
Базовый шрифт этого документа Arial размером 3
<p>
<Font Face=Courier New Size=3 color="#CC0000">
Шрифт Courier New размер 3 цвет красный </p>
<p Align=Left>
<Font Face=Times New Romane Size=2 Color=green>
<B> <I>
Шрифт Times New Roman размер 2, жирный курсив цвет зеленый
</B></I>
</Font >
</p>
<p Align=Right>
Настройки предыдущего абзаца отменены закрывающими тегами. <BR>
Поэтому снова Шрифт Courier New размер 3 цвет красный </p>
</Font >
Все теги шрифтов закрыты. Действуют настройки базового шрифта
</body>
</html>
На рис. 8.8 показано, как будет выглядеть в окне броузера документ, оформленный с помощью тегов шрифтов (пример 7).
Рис. 8.8. Пример использования шрифтов для форматирования текста
8.8. Таблицы
Таблицы широко применяются в WWW для оформления страниц. Кроме своего прямого назначения – представления информации, оформленной в таблицах, - HTML-таблицы позволяют разделить страницу на части.
Таблицы создаются с помощью тегов TABLE, TR, TD. Между тегами начала и конца таблицы (TABLE) заключены теги строки таблицы (TR) и теги содержимого ячейки таблицы (TD).
Структура HTML-таблицы выглядит так:
<ОПИСАНИЕ ТАБЛИЦЫ>
<ОПИСАНИЕ СТРОКИ>
<ОПИСАНИЕ ЯЧЕЙКИ> содержание </ОПИСАНИЕ ЯЧЕЙКИ>
<ОПИСАНИЕ ЯЧЕЙКИ> содержание </ОПИСАНИЕ ЯЧЕЙКИ>
<ОПИСАНИЕ ЯЧЕЙКИ> содержание </ОПИСАНИЕ ЯЧЕЙКИ>
</ОПИСАНИЕ СТРОКИ>
</ОПИСАНИЕ ТАБЛИЦЫ >
Теги таблицы
Главный тег таблицы - это <TABLE> </TABLE> . Эти теги применяются для описания начала и конца таблицы, а также параметров отображения таблицы, таких как ее размеры, оформление границ ячеек и т. п.
<TR> </TR> - тег, описывающий начало и конец строки таблицы.
<TD> </TD> - тег, описывающий начало и конец ячейки.
Размер таблицы определяется по числу тегов <TR> и <TD>, которые встречаются при анализе броузером блока TABLE. Как только встречается тег <TR>, начинается новая строка; после этого для каждого следующего тега <TD> создается новая колонка. Этот процесс продолжается до тех пор, пока не встретится тег конца строки </TR> или не начнется новая строка.
Тег <CAPTION> позволяет сделать заголовок к таблице. Этот тег поддерживает атрибуты ALIGN и VALIGN (подробно об атрибутах таблицы см. ниже).
Каждый из этих тегов имеет набор атрибутов, служащих для управления отображением таблицы, установки размеров, выравнивания и т. д.