Язык структурной разметки гипертекста HTML. Захаркина В.В. - 23 стр.

UptoLike

ВУЗ: 

СПбГУ | Санкт-Петербург

Составители: 

Рубрика: 

44
Таблицы
Таблицы в HTML-документах большей частью используются не
столько для того, чтобы располагать структурированные данные в
обрамленных ячейках, сколько с целью позиционирования фрагментов
текста и изображений друг относительно друга. Действительно,
размещая навигационные элементы, изображения, фрагменты текстов
в ячейках таблицы с невидимой границей, можно весьма эффективно
скомпоновать веб-страницу. Откровенно говоря, подобное
использование
таблиц противоречит одной из основных концепций
HTML, согласно которой внешнее оформление документа (и
компоновка, в том числе) должно задаваться с помощью таблиц
стилей. Но разночтения в реализации браузерами ряда стилевых
конструкций CSS зачастую создает такие проблемы, что многие
предпочитают старую добрую «верстку с помощью таблиц».
Основные элементы, используемые для описания таблиц:
table, tr, td.
В стандарте HTML описано еще много элементов, связанных с
представлением таблиц, но и указанных основных достаточно для
рациональной разработки сайта.
Все табличные данные заключаются в теги
<table> ... </table>;
описание каждого горизонтального ряда ячеек заключается в теги
<tr>
... </tr>
; содержимое каждой ячейки заключается в теги <td> ...
</td>
. Таким образом, для описания, например, таблицы из двух строк
(рядов), каждая из которых содержит две ячейки, придется создать
следующую конструкцию:
45
<table>
<tr>
<td> содержимое 1-ой ячейки первой строки
</td>
<td> содержимое 2-ой ячейки первой строки
</td>
</tr>
<tr>
<td> содержимое 1-ой ячейки второй строки
</td>
<td> содержимое 2-ой ячейки второй строки
</td>
</tr>
</table>
Закрывающие теги
</tr> и </td> у элементов, описывающих ряд и
ячейку, можно опускать. Ячейки таблицы могут содержать любые
данные, допустимые в HTML-документе, в частности, текст,
изображения, текст с HTML-тегами; допустимы вложенные таблицы.
Не следует оставлять ячейки таблицы незаполненными; если по
замыслу web-мастера какая-то ячейка должна выглядеть пустой,
поместите в нее хотя бы неразрывный пробел
&nbsp;. Ячейки, не
содержащие данных, могут некрасиво выглядеть в некоторых
браузерах: не отображается заданный фон и рамки ячеек.
Помещаемый в ячейки таблицы текст по умолчанию автоматически
размещается браузером (если не задан атрибут ячейки
nowrap); текст
выводится слово за словом; при достижении правой границы ячейки
очередное слово переносится на новую строку.
Ячейки таблицы могут охватывать несколько строк или столбцов; при
описании таких ячеек используется атрибуты
rowspan и colspan.
Элементы, описывающие таблицы, имеют много атрибутов; все они
необязательны. Значения атрибутов по умолчанию зависят от
браузера, поэтому желательно указывать их явным образом.
Читая следующие разделы, обратите внимание на то, что многие
атрибуты табличных элементов описывают не структуру, а внешний
вид. Это параметры рамок, отступы, выравнивание, фоновый цвет и
фоновое изображение.
Все они являются нерекомендованными (см.

Страницы