Вставка таблицы

 

Таблица является особой частью HTML-документа. Ячейка таблицы может содержать в себе текст, графику или другую таблицу.

Таблица состоит из трех основных частей:

· Названия таблицы

· Заголовков столбцов

· Ячеек.

Таблица заполняется по строкам (слева направо – по строке, затем переход на следующую строку). Каждая ячейка должна быть заполнена. Для создания пустых ячеек используются пробелы.

 

Используя полученные ранее знания, давайте рассмотрим, как строится такая таблица…

 

Таблица 3.2. Демонстрация катаболических процессов организма
	Чебурашка	Крокодил Гена	Шапокляк
Съел, кг
Выпил, л
Смог, раз

 

После заголовочных тегов

< html>

< head>

< title> мультяшки< /title>

< /head>

< /html>

Прописывается тело страницы. Таблица объявляется двойным тегом-контейнером < table> < /table>. Тег строки прописывается < tr> < /tr>, тег данных < td> < /td>.

< body>

< table width=60% border=6 cellspacing=0 cellpadding=4>

< caption align=center>

Таблица 3.2. Демонстрация катаболических процессов организма

< /caption >

< tr bgcolor=olive>

< th> < /th>

< th> Чебурашка< /th>

< th> Крокодил Гена< /th>

< th> Шапокляк< /th>

< /tr>

< tr align=center>

< td> < /td>

< td> < /td>

< td> < img src=2.gif width=100 height=100< /td>

< td> < /td>

< /tr>

< tr align=center >

< td bgcolor=red> Съел, кг< /td>

< td> 5< /td>

< td> 2< /td>

< td> 1< /td>

< /tr>

< tr align=center>

< td> Выпил, л< /td>

< td> 6< /td>

< td bgcolor=yellow> 8< /td>

< td> 2< /td>

< /tr>

< tr align=center>

< td> Смог, раз< /td>

< td> 5< /td>

< td> 5< /td>

< td> 1< /td>

< /tr>

< /table>

< /body>

< /html>

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

Параметры
align — определяет выравнивание таблицы.
background — задает фоновый рисунок в таблице.
bgcolor — цвет фона таблицы.
border — толщина рамки в пикселах.
bordercolor — цвет рамки.
cellpadding — отступ от рамки до содержимого ячейки.
cellspacing — расстояние между ячейками.
cols — число колонок в таблице.
height — высота таблицы.
rules — сообщает браузеру, где отображать границы между ячейками.
width — ширина таблицы.