Litra Library
Главная » Статьи » WEB » Тэги HTML
TR
Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Тег <TR> служит контейнером для создания строки таблицы. Каждая ячейка в пределах такой строки может задаваться с помощью тега < TH> или <TD>.

Синтаксис

<table>
 <tr>...</tr>
</table>

Параметры

align Горизонтальное выравнивание содержимого ячеек.
bgcolor Цвет фона ячеек.
bordercolor Цвет рамки.
valign Вертикальное выравнивание содержимого ячеек.

Закрывающий тег

Не обязателен.

Пример 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

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает выравнивание содержимого ячеек строки по горизонтали. Выравнивание осуществляется для всех ячеек в пределах одной строки. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте параметр 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//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

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает цвет фона строки таблицы.

Синтаксис

<tr bgcolor="цвет">...</tr>

Аргументы

Значение цвета можно задавать двумя способами.

1. По его названию

Большинство браузеров поддерживают задание цветов по названию.

2. Используя шестнадцатеричное значение RBG

Для получения цвета применяются комбинации RGB-значения цвета, записанные в шестнадцатиричном формате. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный. Три составляющие цветов RGB (red-красный, green-зеленый, blue-голубой) определяюся тремя парами этих цветов, которые принимают значения с 00 до FF. То есть, задание цвета задается тремя составляющими #rrggbb, где первая пара символов задают красную составляющую цвета, пара посередине - зеленую составляющую и последния пара - синюю.

Значение по умолчанию

В зависимости от браузера, настройки операционной системы, но обычно используется белый цвет фона.

Аналог в CSS

background-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

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает цвет рамки вокруг строки. Рамка показывается, когда установлен параметр 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>

Замечание

  • Параметр bordercolor работает только в браузере Internet Explorer; браузеры Opera и Firefox игнорируют этот атрибут.
  • При использовании этого параметра код становится не валидным; для создания валидного кода используйте стили, в частности стилевой атрибут border.

Параметр VALIGN

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает вертикальное выравнивание содержимого ячеек в строке. По умолчанию контент ячейки располагается по ее вертикали в центре.

Синтаксис

<tr valign="top | middle | bottom | baseline">...</tr>

Аргументы

top Выравнивание содержимого ячеек по верхнему краю строки.
middle Выравнивание по середине.
bottom Выравнивание по нижнему краю.
baseline Выравнивание по базовой линии, при этом происходит привязка содержимого ячеек к одной линии.

Значение по умолчанию

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>
Категория: Тэги HTML | Добавил: expert1 (02.02.2013)
Просмотров: 299 | Теги: тэги html, html | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

RSS Правила Бесплатный хостинг uCoz Litra Library
^ Наверх ^