1. Элемент таблицы HTML представляет табличные данные на странице HTML.
2. Для создания HTML-таблицы вам потребуются элементы table, tr (например, строка таблицы) и td (например, данные таблицы).
3. Есть и другие элементы, такие как caption, tbody, th и т. Д., Которые могут использоваться с элементом table для создания сложной таблицы.
4. Тег запускает HTML-таблицу, а тег заканчивается.
5. Хотя элемент таблицы имеет атрибуты для установки формата и внешнего вида таблицы, в настоящее время для этой работы широко используются стили.
Категория
Элемент таблицы HTML является частью таблиц HTML.
Требуются ли и начальный, и конечный теги
Да.
Может содержать
HTML-элемент таблицы должен содержать элементы th, tr и td. Он может содержать или не содержать элементы caption, thead, tfoot, tbody, colgroup и col.
Может находиться в
элемент таблицы HTML может находиться в APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL, Элементы DIV, FIELDSET, FORM, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH.
Атрибуты
Атрибуты, характерные для этого элемента
резюме : значение этого атрибута (текст) описывает краткое изложение цели таблицы и структуры для пользовательских агентов для невизуальных носителей, таких как речь и шрифт Брайля.
align: Задает выравнивание таблицы. Этот атрибут устарел .
Значение | Описание |
---|---|
left | Выравнивает таблицу по левому краю. |
right | Выравнивает таблицу по правому краю. |
center | Выравнивает таблицу по центру. |
width: определяет ширину таблицы.
Значение | Описание |
---|---|
integer | Устанавливает значение в пикселях. |
integer% | Устанавливает значение в процентах. |
Идентификаторы
id, class.
информация о языке и направлении текста
lang, dir.
Заголовок
Заголовок.
Стиль
Стиль.
События
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
bgcolor
bgcolor : устанавливает цвет фона таблицы. Этот атрибут устарел .
Значение | Описание |
---|---|
rgb (red_value, green_value, blue_value) | Устанавливает цвет фона в rgb. |
#xxxxx | Шестнадцатеричное значение цвета. |
ColorName | Название цвета (например, красный, голубой). |
frame
frame атрибут определяет, какие стороны рамки, охватывающей таблицу, будут видны.
Значение | Описание |
---|---|
void | Ни одной из сторон. Значение по умолчанию. |
выше | Будет видна только верхняя сторона. |
ниже | Будет видна только нижняя сторона. |
hsides | Будут видны только верхняя и нижняя стороны. |
vsides | Будут видны только левая и правая стороны. |
lhs | Будет видна только левая сторона. |
rhs | Будет видна только правая сторона. |
box | Все четыре стороны будут видны. |
border | Все четыре стороны будут видны. |
rules
Атрибут
rules указывает, какие правила будут отображаться между ячейками в таблице.
Значение | Описание |
---|---|
none | Никаких правил не появится. По умолчанию. |
groups | Правила будут отображаться между группами строк (например, THEAD, TFOOT и TBODY) и группами столбцов (например, COLGROUP и COL) только. |
строки | Правила будут отображаться только между строками. |
cols | Правила будут отображаться только между столбцами. |
all | Правила появятся между всеми строками и столбцами. |
границы
границы Атрибут strong> определяет ширину рамки вокруг таблицы в пикселях.
Поддерживаемые типы документов
HTML 4.01 Strict, HTML 4.01 Transitional и HTML 4.01 Frameset.
Пример использования Элемент таблицы HTML
Пример тега таблицы html Код учащегося % оценок S001 85 S002 86 S003 72 S004 89
Результат
Просмотрите этот пример в отдельном окне браузера.
Пример тега таблицы HTML.
Наглядное представление