|
|
Онлайн учебник по HTML и JAVASCRIPT Элементы языков HTML и JAVASCRIPTТаблицы в HTML Довольно часто на Web-страницах встречаются таблицы. Простейший пример
табличной организации данных — прайс-лист. Однако таблицы можно использовать
просто как способ форматирования текста, поскольку таблица в HTML-документе
может не содержать всех или некоторых разграничительных линий (сетки).
Заметим, что в большинстве случаев элементы текста позиционируются как
табличные.
Идея использования таблиц в качестве средства позиционирования проста. Вы мысленно разбиваете окно на ячейки (клетки) и решаете, какой элемент страницы в какую клетку поместить, — это хороший способ обойти «естественное» расположение элементов друг за другом, которое осуществляет браузер по умолчанию. В разделе 10.6 будет рассмотрен более «свободный» способ позиционирования элементов, позволяющий помещать элементы в любое место окна браузера. Но на практике, как правило, для позиционирования элементов вполне достаточно использовать простую схему таблицы. Таблица представляет собой особую часть документа HTML. Данные в ней организованы в виде прямоугольной сетки, которая состоит из вертикальных столбцов (колонок) и горизонтальных строк (рядов). Каждая клетка таблицы называется ячейкой. Ячейки могут содержать текст, графику и даже другую таблицу. Таблицы состоят из трех основных частей: названия таблицы, заголовков столбцов и ячеек. Таблица заполняется слева направо, ячейка за ячейкой, начиная с левого верхнего угла и заканчивая правым нижним углом. Каждая ячейка должна быть заполнена (для создания пустых ячеек используются пробелы). Описание таблицы в документе HTML начинается с тега <TABLE>
и заканчивается тегом </TABLE>. Если
вы хотите, чтобы таблица имела видимую рамку (границы), используйте атрибут
BORDER, например: Приведем пример описания простой таблицы, встроенной в некоторый текст.
Обратите внимание на порядок заполнения ячеек таблицы. Сначала определяется
строка заголовков столбцов таблицы, затем аналогичным образом создаются
строки данных путем указания того, какие данные должны располагаться в
ячейках таблицы. Строка заголовков столбцов задается так же, как и строка
данных. Отличие состоит лишь втом, что при создании строки заголовков
внутри тега <TR> используется тег <ТН>,
а при создании строки данных — тег <TD>.
<HTML>
Рис. 659. Простая таблица, встроенная в текст
|
|
|