Учебник по HTML и CSS |
|
Теги HTML Теги по типам
| Тег TFOOT
ОписаниеЭлемент <TFOOT> предназначен для хранения одной или нескольких строк, которые представлены внизу таблицы. Хотя тег <TFOOT> в исходном коде должен быть определен до элемента <TBODY>, браузеры отображают его в самом низу таблицы. В пределах таблицы разрешается использовать только один элемент <TFOOT>. Синтаксис <table> Параметры
Закрывающий тегНе обязателен. Пример 1. Использование тега <TFOOT> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег TFOOT</title> </head> <body> <table width="600"> <tfoot align="center" style="background: #ffc"> <tr> <td> ... </td> <td> ... </td> </tr> </tfoot> <tbody align="right" style="background: silver"> <tr> <td> ... </td> <td> ... </td> </tr> </tbody> </table> </body> </html> Описание параметров тега <TFOOT>Параметр ALIGN
ОписаниеЗадает выравнивание по горизонтали для всех ячеек в пределах <TFOOT>. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте параметр align для тега <TD> или <TH>. Синтаксис<tfoot align="left | center | right | justify">...</tfoot> Аргументы
Значение по умолчаниюleft Аналог CSStext-align Пример 2. Выравнивание в строке <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег TFOOT, параметр align</title> </head> <body> <table width="600" border="1" cellspacing="0"> <tfoot align="center" style="background: #fc0"> <tr> <td colspan="2"> ... </td> </tr> </tfoot> <tbody align="right"> <tr> <td> ... </td> <td> ... </td> </tr> </tbody> </table> </body> </html> Параметр BGCOLOR
ОписаниеУстанавливает цвет фона ячеек, расположенных в контейнере <TFOOT>. Синтаксис<tfoot bgcolor="цвет">...</tfoot> АргументыЗначение цвета можно задавать двумя способами. 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, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Значение по умолчаниюЗависит от браузера и его версии, обычно используется белый цвет фона. Аналог CSSbackground-color Пример 3. Цвет фона <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег TFOOT, параметр bgcolor</title> <style type="text/css"> TFOOT { color: white; /* Цвет текста */ } </style> </head> <body> <table width="600" border="1" cellspacing="0" bgcolor="#f0f0f0"> <tfoot align="center" bgcolor="#333333"> <tr> <td colspan="2"> ... </td> </tr> </tfoot> <tbody> <tr> <td> ... </td> <td> ... </td> </tr> </tbody> </table> </body> </html> Параметр VALIGN
ОписаниеУстанавливает вертикальное выравнивание содержимого ячеек в контейнере <TFOOT>. По умолчанию контент ячейки располагается по ее вертикали в центре. Синтаксис<tfoot valign="top | middle | bottom | baseline">...</tfoot> Аргументы
Значение по умолчаниюmiddle Аналог CSSvertical-align Пример 4. Выравнивание по вертикали <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://w3.org/TR/html4/loose.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег TFOOT, параметр valign</title> </head> <body> <table width="600" border="1" cellspacing="0"> <tfoot align="center" valign="bottom"> <tr> <td colspan="2" height="50"> ... </td> </tr> </tfoot> <tbody align="right" valign="top"> <tr> <td> ... </td> <td> ... </td> </tr> <tr> <td> ... </td> <td> ... </td> </tr> </tbody> </table> </body> </html> |
При использовании материалов сайта ссылка на comnew.ru обязательна! |