Таблицы

<table>...</table>

Тег <TABLE> создает таблицу. Все прочие элементы таблицы должны быть вложенными в него. Допускается также вложение таблиц, т.е. содержимым ячейки может быть другая таблица

Программа Macromedia Dreamweaver MX 2004 предлагает 20 атрибутов тэга <table>.

Ниже в таблице приведены только некоторые из них.

Активный пример таблицы.

Атрибуты
Назначения
Примеры
align

Выравнивание таблицы относительно документа. Возможные значения:

  • center,
  • left,
  • right
<table align="center" >

background

Строка, определяющая рисунок для заднего фона <table background="../Textures/Brown3.jpg">
bgcolor
Определяет цвет заднего фона таблицы <table bgcolor="#99FFFF">
border
Толщина рамки в пикселах. Если атрибут не указан, то таблица выводится без видимой рамки <table border="1" >
bordercolor
Цвет рамки <table bordercolor="#0000CC">
cellspacing
Расстояние между ячейками таблицы <table cellspacing="5" >
cellpadding
Расстояние между содержимым ячейки и ее рамкой <table cellpadding="10" >
width
Ширина таблицы в процентах или пикселах <table width="100%" >
title
Всплывающая подсказка <table title="Атрибуты тэга table">

<TR>...</TR>

Тег <TR> определяет строку в таблице

Программа Macromedia Dreamweaver предлагает 13 атрибутов тэга <tr>. Благодаря этим атрибутам любая строка таблицы может быть создана по собственному проекту.

Ниже в таблице приведены только некоторые из них.

Активный пример использования тэга <tr> в первой строке таблицы.

Атрибуты
Назначения
Примеры

align

Выравнивание текста в ячейках строки. Возможные значения:

  • center,
  • left,
  • right
<tr align="center" >

bgcolor

Цвет фона <tr bgcolor="#99FFFF" >
bordercolor
Цвет рамки <tr bordercolor="#FF0000" >
height
Высота рамки строки <tr height="100" >
title
Всплывающая подсказка для строки <tr title="Шапка таблицы">
valign
Выравнивание текста по вертикали. Возможные значения: baseline, bottom, middle, top. <tr valign="bottom">

<TD>...</TD>

Тэг <TD> определяет отдельную ячейку в таблице

Программа Macromedia Dreamweaver предлагает 22 атрибута тэга <td>. Благодаря этим атрибутам любая ячейка таблицы может быть создана по собственному проекту и объединять в себе несколько строк или несколько столбцов.

Ниже в таблице приведены только некоторые из них.

Активный пример использования тэга <td> в последних строках таблицы.

Атрибуты
Назначения
Примеры

align

Выравнивание текста в ячейках строки. Возможные значения:

  • center,
  • left,
  • right
<td align="center" >

bgcolor

Цвет фона <td bgcolor="#99FFFF" >
bordercolor
Цвет рамки <td bordercolor="#FF0000" >
height
Высота элемента в процентах или пикселях <td height="100" >
title
Всплывающая подсказка для ячейки <td title="Активный пример ячейки ">
valign
Выравнивание текста по вертикали. Возможные значения: bottom, middle, top. <td valign="bottom">
colspan
Кол-во столбцев объединенные в одной ячейке (по умолчанию=1). Придется без примера.
rowspan
Кол-во строк объединенные в одной ячейке (по умолчанию=1)
rowspan
<td rowspan=2>
Оглавление