24. Таблицы и списки в html. Примеры.

Таблица организуется как набор строк и столбцов на пересечении кот находятся ячейки. Ячейки табл. м. содержать любые HTML – документы, такие как текст, списки, фигуры, графику и многое другое. У таблицы есть заголовок (назван табл), Названия м.иметь также столбцы или строки. Основные табличные тэги: <table> … </table> - этими тэгами начинается и заканчивается таблица. Все основные элементы таблицы находятся внутри этих двух тэгов. <tr> … </tr> - эти тэги описывают одну строку таблицы. Сколько пар таких тэгов встретится – столько и будет строк в таблице. <td> … </td> - эти тэги описывают стандартную ячейку таблицы. Ячейка м.б. описана только внутри строки табл. Каждая ячейка нумеруется номером колонки (столбца), для кот она описывается. Если же в строке отсутствует одна или несколько ячеек для некоторых колонок, то браузер отображает пустую ячейку. <th> … </th> - эти тэги описывают ячейку заголовка ("шапки") таблицы. Текст в данной ячейке по умолчанию имеет атрибут <b> (полужирный) и align=center. <caption> …</caption> - эти тэги описывают название таблицы. Они должны стоять внутри тэгов <table> … </table>, но снаружи описания какой-либо строки или ячейки. Название табл всегда центрируется.

Списки бывают следующих видов: нумерованные; ненумерованные (маркированные); вложенные. Нумеров. список – текст, заключенный в тэги <ol>... </ol>. Каждый новый элемент списка нужно начинать с тэга <li>. Этот тэг является непарным. В нумерованном списке браузер автоматически вставляет номера элементов по порядку. Это означает, что если один или несколько элементов списка удалить, то остальные будут автоматически перенумерованы. Ненумеров. список –текст, заключенный в тэги <ul> ... </ul>. Каждый новый элемент списка начинается с тэга <li>. При просмотре в браузере каждый элемент такого списка помечается специальным значком – маркером, вид которого можно задать при помощи атрибута тэга <ul>. Списки определений: <dl> ... </dl> Список определений несколько отличается от других видов списков. Вместо меток <li> в списках определений используются тэги <dt> и <dd>

Пример:

<ol>

<li> Яблоко </li>

<li> Груша </li>

<li> Банан </li>

</ol>

1. Яблоко

2. Груша

3. Банан