ОписаниеТег <TR> служит контейнером для создания строки таблицы. Каждая ячейка в пределах такой строки может задаваться с помощью тега < TH> или <TD>. Синтаксис<table>
<tr>...</tr> </table> Параметры
Закрывающий тегНе обязателен. Пример 1. Использование тега <TR> <!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>Пример использования тега TR</title> </head> <body> <table width="100%" border="0" cellpadding="4"> <tr valign="top"> <td>Фатализм в истории неизбежен для объяснения неразумных явлений (то есть тех, разумность которых мы не понимаем). Чем более мы стараемся разумно объяснить эти явления в истории, тем они становятся для нас неразумнее и непонятнее.</td> <td>(Лев Николаевич Толстой, "Война и мир")</td> </tr> </table> </body> </html> Описание параметров тега <TR>Параметр ALIGN
ОписаниеЗадает выравнивание содержимого ячеек строки по горизонтали. Выравнивание осуществляется для всех ячеек в пределах одной строки. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте параметр align для тега <TD> или <TH>. Синтаксис<tr align="left | center | right | justify">...</tr>
Аргументы
Значение по умолчанию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>Пример тега TR, параметр align</title> </head> <body> <table width="500" border="1"> <tr align="center"> <td> ... </td> <td> ... </td> </tr> </table> </body> </html> Параметр BGCOLOR
ОписаниеЗадает цвет фона строки таблицы. Синтаксис<tr bgcolor="цвет">...</tr>
АргументыЗначение цвета можно задавать двумя способами. 1. По его названиюБольшинство браузеров поддерживают задание цветов по названию. 2. Используя шестнадцатеричное значение RBGДля получения цвета применяются комбинации RGB-значения цвета, записанные в шестнадцатиричном формате. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный. Три составляющие цветов RGB (red-красный, green-зеленый, blue-голубой) определяюся тремя парами этих цветов, которые принимают значения с 00 до FF. То есть, задание цвета задается тремя составляющими #rrggbb, где первая пара символов задают красную составляющую цвета, пара посередине - зеленую составляющую и последния пара - синюю. Значение по умолчаниюВ зависимости от браузера, настройки операционной системы, но обычно используется белый цвет фона. Аналог в CSSbackground-color Пример 3. Цвет фона <!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>Пример тега TR, параметр bgcolor</title> </head> <body text="white"> <table bgcolor="black" width="100%"> <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//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега TR, параметр bordercolor</title> </head> <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>
Аргументы
Значение по умолчаниюmiddle Пример 5. Выравнивание в строке <!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>Пример тега TR, параметр valign</title> <style type="text/css"> p {margin-top: 0;} .pot { background: maroon; color: white; } .title { font-size: 200%; } </style> </head> <body> <table width="100%" cellpadding="5"> <tr valign="top" class="pot"> <td class="title">Борщ</td> <td><p>Мясо отварить до готовности. Промыть свеклу, очистить, нарезать соломкой и тушить с помидорами до полуготовности.</p> <p>Бульон процедить, мясо нарезать кусочками. В бульон добавить нарезанный дольками картофель, довести до кипения, опустить нарезанную соломкой свежую капусту и варить 10-15 минут, добавить пассерованные овощи, болгарский перец, нашинкованный тонкой соломкой, специи и довести до готовности.</p> <p>Готовому борщу дать настояться в течение 20-25 минут. При подаче к столу добавить сметану, мясо, зелень.</p></td> </tr> </table> </body> </html> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Просмотров: 299
| Теги: |
Всего комментариев: 0 | |