ОписаниеТег <THEAD> предназначен для хранения одной или нескольких строк, которые представлены вверху таблицы. Допустимо использовать не более одного элемента <THEAD> в пределах одной таблицы, и он должен идти в исходном коде сразу после тега <TABLE>. Синтаксис<table>
<thead> <tr> <td> ... </td> </tr> </thead> <tfoot>... </tfoot> <tbody>... </tbody> </table> Параметры
Закрывающий тегНе обязателен. Пример 1. Использование тега <THEAD>  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример использования тега THEAD</title> </head> <body> <table width="500" border="0"> <thead align="center" style="background: #fd2"> <tr> <td> ... </td> <td> ... </td> </tr> </thead> <tbody align="right" style="background: #ccc"> <tr> <td> ... </td> <td> ... </td> </tr> </tbody> </table> </body> </html> Описание параметров тега <THEAD>Параметр ALIGN
ОписаниеЗадает выравнивание по горизонтали для всех ячеек в пределах <THEAD>. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте параметр align для тега <TD> или <TH>. Синтаксис<thead align="left | center | right | justify">...</thead>
Аргументы
Значение по умолчаниюleft Аналог в CSStext-align Пример 2. Выравнивание в строке <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега THEAD, параметр align</title> </head> <body> <table width="500" border="1" cellspacing="0"> <thead align="center" style="background: #fc0"> <tr> <td colspan="2"> ... </td> </tr> </thead> <tbody align="right"> <tr> <td> ... </td> <td> ... </td> </tr> </tbody> </table> </body> </html> Параметр BGCOLOR
ОписаниеЗадает цвет фона ячеек, расположенных в контейнере <THEAD>. Синтаксис<thead bgcolor="цвет">...</thead>
АргументыЦвет задается следующими способами. 1. Используя название цветаБольшинство современных браузеров поддерживают задание цвета по названию. 2. Используя шестнадцатеричное значениеДля получения цвета применяются комбинации RGB-значения цвета, записанные в шестнадцатиричном формате. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный. Задаются цвета по два регистра для каждого цвета RGB (красный, зеленый и синий) - rrggbb, где каждая составляющая цвета принимает значение от 00 до FF. Значение по умолчаниюВ зависимости от браузера, настройки операционной системы, но обычно используется белый цвет фона. Аналог в CSSbackground-color Пример 3. Цвет фона <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега THEAD, параметр bgcolor</title> </head> <body> <table width="500" border="1" cellspacing="0"> <thead align="center" style="background:#d7d7d7"> <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>
Аргументы
Значение по умолчаниюmiddle Аналог в CSSvertical-align Пример 4. Выравнивание по вертикали <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега THEAD, параметр valign</title> </head> <body> <table width="500" border="1" cellspacing="0"> <thead align="center" valign="bottom"> <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> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Просмотров: 350 | Теги: | Рейтинг: 0.0/0 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Всего комментариев: 0 | |