См.р. №7 Створення таблиць. Створення списків

Тема: Створення таблиць. Створення списків.

Питання до самоконтролю:

1. Теги створення таблиць.

2. Теги створення заголовку таблиці.

3. Теги визначення рядків та стовпців таблиці.

4. Теги оформлення границь таблиці.

5. Теги створення впорядкованих і невпорядкованих списків.

6. Атрибути впорядкованих та невпорядкованих списків.

Создание таблиц

Таблица — это один из наиболее удобных способов представления больших объемов данных. Язык HTML имеет богатейшие возможности по созданию разных видов таблиц.

1. Таблица в языке HTML начинается с тега <TABLE> и заканчива­ется закрывающим тегом </TABLE>. Текст внутри таблицы должен быть заключен в специальные теги, определяющие элементы таблицы (заголовки, строки и ячейки).

2. Между тегами <TABLE> и </TABLE> может один раз встретиться пара тегов <CAPTION> и </CAPTION>, определяющая заголовок таблицы. Заголовок таблицы размещается непосредственно над таблицей (по умолчанию) или непосредственно под таблицей.

3. Далее следуют теги <TR> и </TR>, определяющие строки таблицы. Закрывающий тег можно опускать, так как строка таблицы заканчивается перед началом следующей строки или вместе с таблицей.

4. Каждая строка таблицы состоит из ячеек. Ячейки помечаются либо тегами <ТН>, содержащими заголовки столбцов и строк, либо тегами <TD>, содержащими обычные данные. Эти теги также являются парными, но закрывающие теги и здесь могут опускаться, так как это не вызывает разночтений.

5. Внутри ячеек могут содержаться любые данные и любые тепа HTML, допустимые в разделе тела документа. Например, ячей­ка таблицы может содержать вложенную таблицу. Броузеры автоматически вычисляют размеры ячеек и всей таблицы, хотя эти свойства частично можно задать и при помощи атрибутов.

6. Из специфических атрибутов таблиц можно, например, указать атрибут BORDER=, который позволяет создавать рамку вокруг таблицы и вокруг отдельных ячеек. Значением этого атрибута является толщина внешней рамки в пикселах.

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

<нтмL>

<HEAD>

<ТITLЕ>Таблица</ТITLЕ>

</HEAD>

<BODY>

<TABLE WIIDTH="90%" BORDER=10 CELLSPACING=2 CELLSPACING=10>

<САРТЮN>Основные теги таблицы</САРТЮN>

<ТR><ТD><В:>Открывающий тег</В><ТD><В>Закрывающий тег</В>

<ТD>хВ>Описание</В>

<TR><TD>TABLE<TD R0WSPAN=2>0бязателен <TD>Haчалo и конец таблицы

<TR><TD>CAPTION <ТD>Начало и конец заголовка таблицы

<TR><TD>TR <TD ROWSPAN=2>Heoбязателен <TD>Haчaлo строки таблицы

<TR><TD>TD <ТD>>Начало ячейки таблицы