Онлайн учебник по HTML и JAVASCRIPT

Элементы языков HTML и JAVASCRIPT

       

Цветовое оформление таблиц HTML

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

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

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

Цветовое оформление таблиц HTML

Рис. 663. Пример размещения нескольких элементов с помощью таблицы без рамок

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

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

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

<TD BGCOLOR="YELLOW"><Н2>Иван</Н2> </ТD>

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

 

 

 

Top.Mail.Ru
Top.Mail.Ru