Яблоки | 25% |
Бананы | 30% |
Апельсины | 15% |
Остальное | 30% |
Пример демонстрирует, как вставить таблицу в html-документ.
Как изменить рамку вокруг таблицы.
Таблица вставляется с помощью тега
. Таблица состоит из строк (элемент ), каждая строчка состоит из одной или нескольких ячеек с данными (элемент
). Ячейки с данными могут содержать текст, изображения, списки, параграфы, формы, горизонтальные линии, таблицы и т.д.
Как это будет выглядеть в браузере:
Таблицы и атрибут borderЕсли вы не укажете атрибут border, таблица будет отображена без рамок. Иногда это бывает полезно, но в большинстве случаев вы скорее всего захотите отобразить рамки таблицы. Для их отображения надо использовать атрибут border:
Заголовки в таблицеЗаголовки в таблицу вставляются с помощью тега |
Как это будет выглядеть в браузере:
Пустые ячейки в таблицеПустые ячейки не очень хорошо отображаются во многих браузерах:
Как это будет выглядеть в браузере:
Заметьте, что исчезли рамки вокруг пустой ячейки (Mozilla Firefox отображает рамки!). Чтобы избежать этого и отобразить рамки вокруг пустой ячейки, добавьте неразрывный пробел ( ) в пустые ячейки:
Как это будет выглядеть в браузере:
СоветыТеги , и используются редко из-за неполной поддержки в браузерах. Ожидается, что это будет исправлено в будущих версиях XHTML. Больше примеровПример демонстрирует таблицы без рамок. Пример демонстирует как отображать заголовки в таблице. Пример демонстирует использование неразрывного пробела (» «) для правильного отображения пустых ячеек. Пример демонстирует таблицу с названием. Таблицы с объединенными строками/столбцами Пример демонстрирует объединение несольких ячеек в стоблцах/строках таблицы. Пример демонстирует как отображаются другие элементы в таблице. Пример демонстирует использование атрибута cellpadding для увеличения полей вокруг содержимого ячеек. Пример демонстирует использование атрибута cellspacing для изменения расстояния между ячейками. Изменение фонового рисунка/цвета таблицы Пример демонстирует, как можно изменить фон таблицы или использовать в качестве фона изображение. Изменение фоного рисунка/цвета ячейки таблицы Пример демонстирует, как можно изменить фон ячейки в таблице или использовать в качестве фона изображение. Выравнивание содержимого ячейки Пример демонстирует использование атрибута align для выравнивания содержимого ячейки. Использование атрибута frame для контролирования рамок вокруг таблицы. Использование атрибутов frame и border для контролирования рамок таблицы. Теги таблиц |
---|