Книга: HTML, XHTML и CSS на 100%

3.1. Что такое таблица

3.1. Что такое таблица

Таблица состоит из ячеек, образующихся при пересечении строк и столбцов (рис. 3.2).

Рис. 3.2. Пример стандартной таблицы

Рассмотрим элементы таблицы.

• Ячейка – это основной элемент таблицы. Она формируется пересечением строки и столбца.

• Строка – это прямая линия ячеек, расположенных слева направо.

• Столбец – это набор ячеек, расположенных одна над другой сверху вниз.

• Граница – это линия, которая окружает каждую ячейку и таблицу в целом.

В стандартной таблице каждая строка и каждый столбец содержат одинаковое количество ячеек. Однако таблицы могут очень сильно отличаться от предложенной стандартной. В таблице, изображенной на рис. 3.3, одна ячейка объединяет в себе четыре строки, а другая – три столбца.

Рис. 3.3. Пример нестандартной таблицы

Кстати, при создании таблицы лучше начать с ее планирования, потом будет легче верстать, так как вы наглядно будете видеть вашу таблицу и будет меньше вероятности ошибиться. Для этого вам следует выбрать оптимальный способ создания таблицы.

Рассмотрим некоторые примеры планирования таблиц.

• Нарисуйте таблицу на бумаге.

• Нарисуйте таблицу в Paint, Adobe Photoshop или в AutoCAD.

• Используйте HTML-совместимые текстовые редакторы, например Microsoft Word. Создайте таблицу и сохраните в редакторе HTML-страницы. Затем откройте страницу в окне браузера и скопируйте исходный текст в ваш HTML-редактор для дальнейшей корректировки и форматирования.

Оглавление книги