мета-данные страницы
  •  
Загрузка не удалась. Возможно, проблемы с правами доступа?

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Следующая версия
Предыдущая версия
html:tags:tr [17/04/2010 11:38] – создано dnaumovhtml:tags:tr [17/04/2010 12:52] (текущий) dnaumov
Строка 12: Строка 12:
 ==== Параметры ==== ==== Параметры ====
  
-|align |Определяет выравнивание содержимого ячеек по горизонтали. | +|[[#parametr_align|align]] |Определяет выравнивание содержимого ячеек по горизонтали. | 
-|bgcolor |Цвет фона ячеек. | +|[[#parametr_bgcolor|bgcolor]] |Цвет фона ячеек. | 
-|bordercolor |Цвет рамки. | +|[[#parametr_bordercolor|bordercolor]] |Цвет рамки. | 
-|valign |Выравнивание содержимого ячеек по вертикали. |+|[[#parametr_valign|valign]] |Выравнивание содержимого ячеек по вертикали. |
  
 ==== Закрывающий тег ==== ==== Закрывающий тег ====
Строка 43: Строка 43:
  
  
-Описание параметров тега <TR> +===== Описание параметров тега <TR> =====
-Параметр ALIGN +
-HTML: 3.2 4 XHTML: 1.0 1.1 +
-Описание+
  
-Задает выравнивание содержимого ячеек строки по горизонтали. Выравнивание осуществляется для всех ячеек в пределах одной строки. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте параметр align для тега <TD> или <TH>+==== Параметр ALIGN ====
-Синтаксис+
  
-<tr align="left | center | right | justify">...</tr> +=== Описание ===
-Аргументы+
  
-left 
-    Выравнивание содержимого ячеек по левому краю.  
-center 
-    Выравнивание по центру. 
-right 
-    Выравнивание по правому краю. 
-justify 
-    Выравнивание по ширине (одновременно по правому и левому краю).  
  
-Значение по умолчанию+Задает выравнивание содержимого ячеек строки по горизонтали. Выравнивание осуществляется для всех ячеек в пределах одной строки. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте параметр align для тега [[td|<TD>]] или [[th|<TH>]].
  
-left +=== Синтаксис === 
-Аналог CSS+<file> 
 +<tr align="left | center | right | justify">...</tr> 
 +</file>
  
-text-align+=== Аргументы ===
  
-Пример 2. Выравнивание в строке+|left  |Выравнивание содержимого ячеек по левому краю
 +|center  |Выравнивание по центру. | 
 +|right  |Выравнивание по правому краю. | 
 +|justify  |Выравнивание по ширине (одновременно по правому и левому краю). |
  
-HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0+=== Значение по умолчанию ===
  
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +left 
-<html> +
- <head> +
-  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> +
-  <title>Тег TR, параметр align</title> +
- </head> +
- <body>+
  
-  <table width="600" border="1"> +=== Aналог CSS ===
-   <tr align="center"> +
-    <td> ... </td> +
-    <td> ... </td>  +
-   </tr>  +
-  </table> +
  
- </body> +text-align 
-</html>+ 
 +=== Пример === 
  
 +<code html|Выравнивание в строке>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html> <html>
  <head>  <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Тег TR, параметр align</title>   <title>Тег TR, параметр align</title>
  </head>  </head>
Строка 109: Строка 92:
  </body>  </body>
 </html> </html>
 +</code>
  
-Посмотреть пример +==== Параметр BGCOLOR ==== 
-Посмотреть пример + 
-Параметр BGCOLOR +=== Описание ===
-HTML: 3.2 4 XHTML: 1.0 1.1 +
-Описание+
  
 Устанавливает цвет фона строки таблицы. Устанавливает цвет фона строки таблицы.
-Синтаксис 
  
 +=== Синтаксис ===
 +<file>
 <tr bgcolor="цвет">...</tr> <tr bgcolor="цвет">...</tr>
-Аргументы+</file> 
 + 
 +=== Аргументы === 
 + 
 +** Значение цвета можно задавать двумя способами. **
  
-Значение цвета можно задавать двумя способами. 
 1. По его названию 1. По его названию
  
 Браузеры поддерживают некоторые цвета по их названию. Браузеры поддерживают некоторые цвета по их названию.
 +
 2. По шестнадцатеричному значению 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, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 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, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.
-Значение по умолчанию+ 
 +[[color|Таблица цветов]] 
 + 
 +=== Значение по умолчанию ===
  
 Зависит от браузера и его версии, обычно используется белый цвет фона. Зависит от браузера и его версии, обычно используется белый цвет фона.
-Аналог CSS+ 
 +=== Аналог CSS ===
  
 background-color background-color
  
-Пример 3. Цвет фона +=== Пример ===
- +
-HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0+
  
 +<code html|Цвет фона>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html> <html>
  <head>  <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Тег TR, параметр bgcolor</title>   <title>Тег TR, параметр bgcolor</title>
  </head>  </head>
Строка 159: Строка 149:
  </body>  </body>
 </html> </html>
 +</code>
  
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> +==== Параметр BORDERCOLOR ====
-<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>. Устанавливает цвет рамки вокруг строки. Рамка показывается, когда установлен параметр border с ненулевым значением у тега <TABLE>.
-Синтаксис 
  
 +=== Синтаксис ===
 +<file>
 <tr bordercolor="цвет">...</tr> <tr bordercolor="цвет">...</tr>
-Аргументы+</file>
  
-См. параметр BGCOLOR. +=== Аргументы ===
-Значение по умолчанию+
  
-Зависит от браузера и операционной системы.+См. параметр [[#parametr_bgcolor|BGCOLOR]].
  
-Пример 4. Цвет границы+=== Значение по умолчанию ===
  
-HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0+Зависит от браузера и операционной системы.
  
-<!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>+
  
 +<code html|Цвет границы>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html> <html>
  <head>  <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Тег TR, параметр bordercolor</title>   <title>Тег TR, параметр bordercolor</title>
  </head>  </head>
Строка 240: Строка 192:
  </body>  </body>
 </html> </html>
 +</code>
  
-Посмотреть пример +Результат данного примера показан на рисунке.
-Посмотреть пример+
  
-Результат данного примера показан на рис. 1. +{{:html:tags:tag_tr_1.png|Вид рамки, созданной с помощью параметра bordercolor, в браузере Internet Explorer}}
- +
-Рис. 1 +
- +
-Рис. 1. Вид рамки, созданной с помощью параметра bordercolor, в браузере Internet Explorer +
-Замечание+
  
 +=== Замечание ===
     * Параметр bordercolor работает только в браузере Internet Explorer; браузеры Opera и Firefox игнорируют этот атрибут.     * Параметр bordercolor работает только в браузере Internet Explorer; браузеры Opera и Firefox игнорируют этот атрибут.
     * При использовании этого параметра код становится не валидным; для создания валидного кода используйте стили, в частности стилевой атрибут border.     * При использовании этого параметра код становится не валидным; для создания валидного кода используйте стили, в частности стилевой атрибут border.
  
-Параметр VALIGN +==== Параметр VALIGN ==== 
-HTML: 3.2 4 XHTML: 1.0 1.1 + 
-Описание+=== Описание ===
  
 Устанавливает вертикальное выравнивание содержимого ячеек в строке. По умолчанию контент ячейки располагается по ее вертикали в центре. Устанавливает вертикальное выравнивание содержимого ячеек в строке. По умолчанию контент ячейки располагается по ее вертикали в центре.
-Синтаксис 
  
 +=== Синтаксис ===
 +<file>
 <tr valign="top | middle | bottom | baseline">...</tr> <tr valign="top | middle | bottom | baseline">...</tr>
-Аргументы+</file>
  
-top +=== Аргументы ===
-    Выравнивание содержимого ячеек по верхнему краю строки.  +
-middle +
-    Выравнивание по середине. +
-bottom +
-    Выравнивание по нижнему краю. +
-baseline +
-    Выравнивание по базовой линии, при этом происходит привязка содержимого ячеек к одной линии.+
  
-Значение по умолчанию+|top |Выравнивание содержимого ячеек по верхнему краю строки. 
 +|middle |Выравнивание по середине. | 
 +|bottom |Выравнивание по нижнему краю. | 
 +|baseline |Выравнивание по базовой линии, при этом происходит привязка содержимого ячеек к одной линии. | 
 + 
 +=== Значение по умолчанию ===
  
 middle middle
  
-Пример 5. Выравнивание в строке +=== Пример ===  
- +<code html|Выравнивание в строке>
-HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0 +
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html> <html>
  <head>  <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Тег TR, параметр valign</title>   <title>Тег TR, параметр valign</title>
   <style type="text/css">   <style type="text/css">
Строка 316: Строка 261:
  </body>  </body>
 </html> </html>
 +</code>
  
-<!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: #800000; +
-     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> +
- +
-Посмотреть пример +
-Посмотреть пример +
- +
-Результат данного примера показан на рис. 2.+
  
-Рис. 2+{{:html:tags:tag_tr_2.png|Выравнивание содержимого ячеек по верхнему краю}} 
  
-Рис. 2. Выравнивание содержимого ячеек по верхнему краю