Теория урока

58. Тег TR в HTML таблицах

Атрибуты для тега tr

Атрибут align

Атрибут align задает выравнивание содержимого ячеек строки по горизонтали. Если применять атрибут к тегу <tr>, а мы знаем, что тег <tr> отвечает за разметку строки, то выравнивание происходит во всех ячейках данного тега. Далее таблица значений и пример:

Таблица взята с сайта htmlbook.ru
left	Выравнивание содержимого ячеек по левому краю.
center	Выравнивание по центру.
right	Выравнивание по правому краю.
justify	Выравнивание по ширине (одновременно по правому и левому краю).

Код HTML

<table width = "100%">
    <tr align = "center">
        <td>Строка 1</td>
        <td>Строка 1</td>
    </tr>
</table>

Атрибут bgcolor

Атрибут bgcolor задает цвет фона строки. Цвета могут задаваться в шестнадцатеричном коде, в формате RGB или зарезервированными словами (red, black и т.д.). Удобнее всего цвета подбирать в Paint.net, лично я им пользуюсь, простой и удобный редактор. Далее пример:

Код HTML

<table>
    <tr bgcolor = "green">
        <td>Строка 1</td>
        <td>Строка 1</td>
    </tr>
    <tr bgcolor = "#F1F1F1">
        <td>Строка 2</td>
        <td>Строка 2</td>
    </tr>
</table>

Атрибут bordercolor

Атрибут bordercolor указывает цвет рамки, но он бесполезен, так как его поддерживает только Internet Explorer.

Атрибут valign

Атрибут valign применяют для вертикального выравнивания содержимого ячеек в строке. Далее таблица значений и пример:

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

Код HTML

<table>
     <tr valign = "middle">
         <td>Привет</td>
         <td>
             Lorem ipsum dolor sit amet, consectetur
             adipiscing elit. Vestibulum at egestas orci. Vivamus
             vitae pretium neque. Vestibulum ante ipsum primis
             in faucibus orci luctus et ultrices posuere cubilia
             Curae; Ut finibus commodo nibh, in accumsan nulla
             finibus at. Etiam nec lacus eu turpis volutpat sodales.
             Ut pretium dui lacus, non commodo est malesuada placerat.
             Nulla bibendum quam elit, in placerat ex placerat ut.
             Curabitur non aliquet massa. Cum sociis natoque penatibus
             et magnis dis parturient montes, nascetur ridiculus
             mus. Nam gravida mi quis enim vulputate, sed convallis
             magna ultrices. Proin purus enim, fermentum vel tincidunt id,
             bibendum eget felis.
         </td>
     </tr>
 </table>

Заключение

Все эти атрибуты полезны и удобны, но лучше использовать CSS, он более универсален и рационален.

58. Тег TR в HTML таблицах

Атрибуты для тега tr

Атрибут align

Атрибут bgcolor

Атрибут bordercolor

Атрибут valign

Заключение

Похожие уроки и записи блога