Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ответы по РСОИ.docx
Скачиваний:
2
Добавлен:
22.08.2019
Размер:
96.75 Кб
Скачать

16 Билет. Таблицы в html.

В языке HTML таблицы используются в двух случаях: 

  • Для представления числовых данных, разбитых по строкам и столбцам;

  • Как средство форматирования Web-страниц, задания взаимного расположения элементов страницы.

Создание простых таблиц

Описание таблиц должно располагаться внутри раздела документа <BODY>. Документ может содержать произвольное число таблиц, допускается вложенность таблиц друг в друга. Каждая таблица должна начинаться тегом <TABLE> и завершаться тегом </TABLE>. Внутри этой пары тегов располагается описание содержимого таблицы.

Любая таблица состоит из одной или нескольких строк, в каждой из которых задаются данные для отдельной ячейки.

Каждая строка начинается тегом <TR> и завершаться тегом </TR>. Если в таблице содержатся две пары тегов <TR> и </TR>, то это означает, что таблица состоит из двух строк.

Отдельная ячейка в строке обрамляется парой тегов <TD> и </TD> или <TH> и </TH>. Тег <TH> используется обычно для ячеек-заголовков, тег <TD> для ячеек-данных. Различие в использовании заключается в типе шрифта, используемого по умолчанию, и в расположении данных внутри ячейки. Теги <TD> и <TH> должны содержаться внутри тега <TR>. Число тегов <TD> и </TD> определяет число ячеек в строке. Строка с тремя парами тегов <TD> и </TD> будет содержать три ячейки.

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

Заголовки таблиц

Таблица может иметь заголовок, который заключается в пару тегов <CAPTION> и </CAPTION>. Описание заголовка должно располагаться внутри тегов <TABLE> и </TABLE> в любом месте, однако вне тегов <TR>, <TD> и <TH>. По умолчанию текст заголовка таблицы располагается над ней (ALIGN=TOP) и размещается в центре. Если значение параметра ALIGN равно BOTTOM, то заголовок располагается в нижней части таблицы.

Параметры тега <TABLE>

Тег <TABLE> может использоваться с рядом параметров, каждый из которых можно опустить. Набор допустимых параметров зависит от браузера. Согласно спецификации HTML в теге <TABLE> могут использоваться следующие параметры: BORDER, CELLSPACING, CELLPADDING, WIDTH, ALIGN. Отдельные браузеры позволяют задавать и другие параметры.

Параметр border

Параметр BORDER задает рамку вокруг всей таблицы и вокруг каждой ячейки, образуя линию сетки таблицы. По умолчанию рамки не рисуются, что во многих случаях вполне оправдано. Например, без рамок удобно выводить многоколонные списки, реализованные с помощью таблиц.

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

Параметры width и height

При отображении таблиц браузером их ширина и высота автоматически вычисляются. При расчете размеров таблиц делается попытка расположить таблицу так, чтобы она помещалась в окне просмотра.

Ширина таблиц является более важным параметром, расчет которого выполняется в первую очередь. В большинстве случаев динамическое определение размеров таблицы дает в результате хорошее отображение.

Иногда необходимо указывать ширину таблицы, и использовать параметры WIDTH=n, где n- значение всей таблицы в пикселях или процентах от всего размера окна. Аналогичные параметры можно задавать и для отдельных ячеек.

На предыдущих рисунках ширина таблицы вычислялась автоматически. Так же можно ширину таблицы указывать в процентах от ширины окна.