Какие бывают атрибуты у таблиц в HTML-вёрстке?

19 сентября 2013

Тегом для начала создания таблицы является <table>, а также закрывающий его </table>. Внутри этого парного тега прописывается содержимое таблицы. А теперь давайте рассмотрим основные теги, которые используются для создания простейших таблиц.

Каждая новая строка таблицы начинается с <tr> и закрывается — </tr>. Каждая новая ячейка создается парой тегов <td> </td> или <th></th> (TableData или Table Header). Отметим, что обычно Table Header используется для создания ячеек-заголовков таблицы, а TableData для ячеек-данных. Количество строк таблицы определяется числом открывающих тегов <tr>, а количество столбцов — числом <td> <th> среди всех строк.

Теперь об основных атрибутах, которые задают параметры таблиц. Начнем с параметра BORDER, который управляет изображением рамки вокруг каждой из ячеек. Именно он задает линии сетки внутри таблицы и вокруг нее. По умолчанию рамки не рисуются и сам текст просто ровно располагает на границах ячеек. Если вы хотите добавить в таблицу рамки, необходимо вписать в код <table> атрибут BODRED.

Определить горизонтальное положение таблицы, можно используя атрибут ALIGN. Фактически он определяет положение плавающей таблицы, которую может обтекать текст. Внутри него также могут быть использованы параметры LEFT и RIGHT, которые и будут определять положение таблицы.

Ширина и высота определяется атрибутами WIDTH и HEIGHT соответственно. Может измерятся как в пикселях, так и в процентах от высоты и ширины экрана. Хочется отметить, что браузеры могут использовать данное значение, только в случае, если оно не конфликтует с требованиями к ширине и высоте для других ячеек, в тех же самых строках и столбцах.

Не можете найти ответ на вопрос?