Значение по умолчанию
Зависит от браузера и его версии, обычно используется белый цвет фона.
Аналог css
background-color
Пример 3. Цвет фона
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <table width="600" border="1" cellspacing="0" bordercolor="#333333" bgcolor="#f0f0f0"> <thead align="center" bgcolor="#cccccc"> <tr> <td> ... </td> <td> ... </td> </tr> </thead> <tbody> <tr> <td> ... </td> <td> ... </td> </tr> </tbody> </table> </body> </html>
Параметр VALIGN
Описание
Устанавливает вертикальное выравнивание содержимого ячеек в контейнере <TBODY>. По умолчанию контент ячейки располагается по ее вертикали в центре.
Синтаксис
<thead valign="top | middle | bottom | baseline">...</thead>
Аргументы
top
Выравнивание содержимого ячеек по верхнему краю строки.
middle
Выравнивание по середине.
bottom
Выравнивание по нижнему краю.
baseline
Выравнивание по базовой линии, при этом происходит привязка содержимого ячеек строки к одной линии.
Значение по умолчанию
middle
Аналог CSS
vertical-align
Пример 4. Выравнивание по вертикали
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <table width="600" border="1" cellspacing="0" bordercolor="#333333"> <thead align="center" valign="bottom" bgcolor="orange"> <tr> <td colspan="2" height="50"> ... </td> </tr> </thead> <tbody align="right" valign="top"> <tr> <td> ... </td> <td> ... </td> </tr> <tr> <td> ... </td> <td> ... </td> </tr> </tbody> </table> </body> </html>
Описание
Определяет заголовок документа. Элемент <TITLE> не является частью документа и не показывается напрямую на веб-странице. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера (рис. 1). Допускается использовать только один тег <TITLE> на документ и размещать его в контейнере <HEAD>.
Рис. 1. Вид заголовка в браузере Internet Explorer
Синтаксис
<head> <title>Заголовок</title> </head>
Закрывающий тег
Обязателен.
Параметры
Нет.
Пример 1. Использование тега <TITLE>
<html> <head> <title>htmlbook.ru - Как правильно писать заголовок страницы</title> </head> <body> ... </body> </html>
Примечание
Тег <TITLE> выполняет множество задач, как прямо, так и косвенно. Ниже описано какую роль выполняет заголовок страницы.
По тексту заголовка пользователь получает дополнительную информацию, что это за сайт, на котором он находится и как называется текущая страница. Не стоит думать, что достаточно в документе указать логотип сайта и проигнорировать заголовок, ведь посетитель может свернуть окно. В свернутом виде заголовок также отображается на кнопках панели задач, поэтому можно легко ориентироваться, с каким сайтом в данный момент работать, а не перелистывать их по очереди.
Большинство браузеров поддерживают возможность сохранения веб-страницы на локальный компьютер. В этом случае имя сохраненного файла совпадает с названием заголовка документа. Если в тексте заголовка содержатся символы недопустимые в имени файла (\ / : * ? " < > |), они будут проигнорированы или автоматически заменены другими дозволенными символами.
При сохранении в разделе браузера «Избранное», адрес текущей страницы с ее заголовком помещается в список предпочитаемых ссылок. Поскольку этот список, как правило, хранится в виде отдельных файлов, к их именам также прилагается уже вышеописанное правило.
В результатах поиска по ключевым словам, поисковые системы используют заголовок страницы для указания ссылки на данный документ. Интересно написанный заголовок, содержащий ключевые слова, привлечет больше внимания посетителей и увеличит шансы на то, что сайт посетит больше людей.
Описание
Тег <TR> служит контейнером для создания строки таблицы. Каждая ячейка в пределах такой строки может задаваться с помощью тега < TH> или <TD>.
Синтаксис
<table> <tr>...</tr> </table>
Параметры
align
Определяет выравнивание содержимого ячеек по горизонтали.
bgcolor
Цвет фона ячеек.
bordercolor
Цвет рамки.
valign
Выравнивание содержимого ячеек по вертикали.
Закрывающий тег
Не обязателен.
Пример 1. Использование тега <TR>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <table width="100%" border="0" cellpadding="4"> <tr align="right" valign="top"> <td><img src="/images/book.gif" width="37" height="26"></td> <td>Lorem ipsum dolor sit amet...</td> </tr> </table> </body> </html>
Описание параметров тега <TR>
Параметр ALIGN
Описание
Задает выравнивание содержимого ячеек строки по горизонтали. Выравнивание осуществляется для всех ячеек в пределах одной строки. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте параметр align для тега <TD> или <TH>.
Синтаксис
<tr align="left | center | right | justify">...</tr>
Аргументы
left
Выравнивание содержимого ячеек по левому краю.
center
Выравнивание по центру.
right
Выравнивание по правому краю.
justify
Выравнивание по ширине (одновременно по правому и левому краю).
Значение по умолчанию
left
Аналог CSS
text-align
Пример 2. Выравнивание в строке
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <table width="600" border="1"> <tr align="center"> <td> ... </td> <td> ... </td> </tr> </table> </body> </html>
Параметр BGCOLOR
Описание
Устанавливает цвет фона строки таблицы.
Синтаксис
<tr bgcolor="цвет">...</tr>
Аргументы
Значение цвета можно задавать двумя способами.
1. По его названию
Браузеры поддерживают некоторые цвета по их названию.
2. По шестнадцатеричному значению
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.
Значение по умолчанию
Зависит от браузера и его версии, обычно используется белый цвет фона.
Аналог CSS
background-color
Пример 3. Цвет фона
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body text="white"> <table bgcolor="black" width="600"> <tr bgcolor="#ffcc00"> <td> ... </td> </tr> <tr> <td> ... </td> </tr> </table> </body> </html>
Параметр BORDERCOLOR
Описание
Устанавливает цвет рамки вокруг строки. Рамка показывается, когда установлен параметр border с ненулевым значением у тега <TABLE>.
Синтаксис
<tr bordercolor="цвет">...</tr>
Аргументы
См. параметр BGCOLOR.
Значение по умолчанию
Зависит от браузера и операционной системы.
Пример 4. Цвет границы
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <table bordercolor="black" border="1" width="100%"> <tr bordercolor="red"> <td> ... </td> </tr> <tr> <td> ... </td> </tr> </table> </body> </html>
Параметр VALIGN
Описание
Устанавливает вертикальное выравнивание содержимого ячеек в строке. По умолчанию контент ячейки располагается по ее вертикали в центре.
Синтаксис
<tr valign="top | middle | bottom | baseline">...</tr>
Аргументы
top
Выравнивание содержимого ячеек по верхнему краю строки.
middle
Выравнивание по середине.
bottom
Выравнивание по нижнему краю.
baseline
Выравнивание по базовой линии, при этом происходит привязка содержимого ячеек к одной линии.
Значение по умолчанию
middle
Пример 5. Выравнивание в строке
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <table width="60%"> <tr valign="top" bgcolor="#ffcc00" bordercolor="white"> <td> ... </td> <td> ... </td> </tr> </table> </body> </html>
Описание
Контейнер <TT> отображает текст моноширинным текстом. Этот тег относится к группе тегов физического форматирования.
Синтаксис
<tt>Текст</tt>
Закрывающий тег
Обязателен.
Пример 1. Использование тега <TT>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body>
<p><tt>Lorem ipsum dolor sit amet</tt></p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution.</p>
</body> </html>
Результат данного примера показан ниже.
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution.
Описание
Тег <UL> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <UL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.
Синтаксис
<ul> <li>элемент маркированного списка</li> </ul>
Параметры
type
Устанавливает вид маркера списка.
Закрывающий тег
Обязателен.
Пример 1. Использование тега <UL>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> </body> </html>
Описание параметров тега <UL>
Параметр TYPE
Описание
Устанавливает вид маркера.
Синтаксис
<ul type="disc | circle | square">...</ul>
Аргументы
Для маркированного списка маркеры могут принимать один из трех видов: круг, окружность и квадрат. Значения параметра type и получаемый вид показан в табл. 1.
Табл 1. Параметры маркированного списка |
|
Код |
Пример |
<ul type="disc"> ... </ul> |
Чебурашка Крокодил Гена Шапокляк |
<ul type="circle"> ... </ul> |
Чебурашка Крокодил Гена Шапокляк |
<ul type="square"> ... </ul> |
Чебурашка Крокодил Гена Шапокляк |