Иллюстрированный самоучитель по Web-графике

Таблицы

Цветовое оформление таблиц производится с помощью атрибута BGCOLOR, который принимает в качестве аргумента цвет в виде имени или шестнадцатеричного числа. Если нужно установить цвет для всей таблицы, то атрибут BGCOLOR вставляется в тэг <TABLE>. Для изменения цвета только одного ряда этот атрибут вставляется в тэг <TR>. Задание цвета отдельной ячейки обеспечивается атрибутом BGCOLOR внутри тэга <TD>.

Если в таблице имеются рамки, то можно указать и их цвет с помощью атрибутов:

  • BORDERCOLOR – цвет всей рамки;
  • BORDERCOLORLIGHT – цвет светлой части рамки;
  • BORDERCOLORDARK – цвет темной части рамки.

Иллюстрированный самоучитель по Web-графике › Элементы языков HTML и JAVASCRIPT › Таблицы
Рис. 663. Пример размещения нескольких элементов с помощью таблицы без рамок

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

<TABLE BGCOLOR="#FOFOFO" BORDER=10 BORDERCOLOR="#808080" BORDERCOLORLIGHT="#707070" BORDERCOLORDARK="#202020">
    <TR BGCOLOR="BLUE">
        <TH>Имя</TH>
        <TH>Адрес</TH>
    </TR>
    <TR>
        <TD BGCOLOR="YELLOW">Иван</TD>
        <TD>г.Санкт-Петербург</TD>
    </TR>
</TABLE>

Если требуется задать шрифт для текстов внутри ячеек таблицы, то это можно сделать с помощью тэгов заголовков и физических стилей внутри тэгов <TD>:

<TD BGCOLOR="YELLOW">
    <H2>Иван</H2>
</TD>

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

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.