ОписаниеТег <TBODY> предназначен для хранения одной или нескольких строк таблицы. Это позволяет создавать структурные блоки, к которым можно применять единое оформление через стили, а также управлять их видом через скрипты. Допускается применять несколько тегов <TBODY> внутри контейнера <TABLE>. Доступны и другие виды группировок строк - <TFOOT> и <THEAD>, ни один из них не должен перекрываться с элементом <TBODY>. Синтаксис<table>
<thead>...</thead> <tfoot>...</tfoot> <tbody> <tr> <td> ... </td> </tr> </tbody> </table> Параметры
Закрывающий тегНе обязателен. Пример 1. Использование тега <TBODY>  <!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>Пример использования тега TBODY</title> </head> <body> <table width="500" border="1"> <tbody align="right"> <tr> <td> ... </td> <td> ... </td> </tr> </tbody> </table> </body> </html> Описание параметров тега <TBODY>Параметр ALIGN
ОписаниеЗадает выравнивание по горизонтали содержимого строк ячеек, которые расположены внутри элемента <TBODY>. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте параметр align для тега <TD> или <TH>. Синтаксис<tbody align="left | center | right | justify">...</tbody>
Аргументы
Значение по умолчанию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>Пример тега TBODY, параметр align</title> </head> <body> <table width="500" border="1" cellspacing="0"> <thead align="center" style="background:#fc0"> <tr> <td> ... </td> <td> ... </td> </tr> </thead> <tbody align="right"> <tr> <td> ... </td> <td> ... </td> </tr> </tbody> </table> </body> </html> Параметр BGCOLOR
ОписаниеЗадает цвет фона ячеек, расположенных в контейнере <TBODY>. Синтаксис<tbody bgcolor="цвет">...</tbody>
АргументыЦвет задается следующими способами. 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>Пример тега TBODY, параметр bgcolor</title> </head> <body> <table width="500" border="1" cellspacing="0" bordercolor="#333333"> <thead align="center" bgcolor="#ffcc00"> <tr> <td> ... </td> <td> ... </td> </tr> </thead> <tbody align="right" bgcolor="silver"> <tr> <td> ... </td> <td> ... </td> </tr> </tbody> </table> </body> </html> Параметр VALIGN
ОписаниеЗадает вертикальное выравнивание содержимого ячеек в контейнере <TBODY>. По умолчанию контент ячейки располагается по ее вертикали в центре. Синтаксис<tbody valign="top | middle | bottom | baseline">...</tbody>
Аргументы
Значение по умолчаниюmiddle Аналог в CSSvertical-align Пример 4. Выравнивание по вертикали <!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>Пример тега TBODY, параметр valign</title> </head> <body> <table width="500" border="1" cellspacing="0"> <tbody align="right" valign="top"> <tr> <td> ... </td> <td> ... </td> </tr> <tr> <td> ... </td> <td> ... </td> </tr> </tbody> </table> </body> </html> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Просмотров: 318 | Теги: | Рейтинг: 0.0/0 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Всего комментариев: 0 | |