Управление цветом фона и сетки ячеек таблицы

Цвет фона и рамки, а также фоновый рисунок всей таблицы можно задать атрибутами bgcolor, bordercolor и background в открывающем теге элемента TABLE. Для отдельных ячеек - в открывающих тегах элементов TH или TD.

Пример использования цвета в таблице:

<TABLE border bgcolor="aqua" bordercolor="red" align="center">

<CAPTION>Информация о ценах на компьютеры </CAPTION>

<TR>

<TH bordercolor="black" bgcolor="red">Процессор</TH>

<TH bordercolor="blue" bgcolor="white">ОЗУ (Мб)</TH>

<TH bordercolor="green" bgcolor="gold">Винчестер (Гб)</TH>

<TH bordercolor="fuchsia" bgcolor="silver">Цена (у.е.)</TH>

</TR>

<TR>

<TD>Celeron</TD>

<TD>256 </TD>

<TD>40 </TD>

<TD>400</TD>

</TR>

<TR>

<TD>Pentium</TD>

<TD>256 </TD>

<TD>40 </TD>

<TD>440</TD>

</TR>

</TABLE>

Управление размерами ячеек таблицы

Размер ячеек таблицы можно задать в открывающем теге элементов TH или TD атрибутами width, который задает ширину ячейки в процентах к ширине таблицы или в пикселах, и height, который задает высоту ячейки в пикселах.

Предварительное форматирование

Для сохранения расположения текста, заданного при наборе, этот текст помещают между открывающим и закрывающим тегами элемента предварительного форматирования PRE. При этом текст отображается браузером моноширинным шрифтом и отделяется от остального текста пустой строкой. Недостаток - невозможно ввести сетку таблицы. Пример использования предварительного форматирования для создания таблицы:

Информация о ценах на компьютеры

Процессор ОЗУ (Мб) Винчестер (Гб) Цена (у.е.)

Celeron 256 40 400

Celeron 512 80 420

Pentium 256 40 440

Pentium512 80 460

Запись этого фрагмента в символах языка HTML:

<PRE> Информация о ценах на компьютеры

<B> Процессор ОЗУ (Мб) Винчестер (Гб) Цена (у.е.) </B>

Celeron 256 40 400

Celeron 512 80 420

Pentium 256 40 440

Pentium 512 80 460 </PRE>

Задание к лабораторной работе

Создать HTML-документ.

Создать простую таблицу, таблицу с использованием объединения нескольких строк в одну ячейку, с использованием объединения нескольких столбцов в одну ячейку, с использованием объединения, нескольких столбцов и нескольких строк.

Применить оформление цветом к таблице, к ячейкам и границе таблицы, выравнивание текста в таблице.

Создать таблицу с использованием предварительного форматирования.