Таблицы

Таблица задается тэгом:

<table></table>

Таблица состоит из строк и столбцов (ячеек), поэтому надо еще указать и их.

<tr></tr> - строчка таблицы
<td></td> - столбец (ячейка) таблицы

<table>
<tr>
<td>1x1</td>
<td>1x2</td>
<td>1x3</td>
</tr>
<tr>
<td>2x1</td>
<td>2x2</td>
<td>2x3</td>
</tr>
</table>

Фон задается атрибутом bgcolor="цвет_фона". Фон можно задать для таблицы в целом, для ряда, для ячейки (в пределе одного ряда). В нашем случае мы задаем фон для каждой ячейки.

<table>
<tr>
<td bgcolor="#FFCC33">1x1</td>
<td bgcolor="#336699">1x2</td>
<td bgcolor="#FFCC33">1x3</td>
</tr>
<tr>
<td bgcolor="#336699">2x1</td>
<td bgcolor="#FFCC33">2x2</td>
<td bgcolor="#336699">2x3</td>
</tr>
</table>

Если необходимо задать фон для ряда – атрибут bgcolor прописываем для тэга <tr>:

<tr bgcolor="#FFCC33">

Если необходимо задать фон для всей таблицы – атрибут bgcolor прописываем для тэга <table>:
<table bgcolor="#FFCC33">

Атрибуты height и width можно задать как для всей таблицы, так и для одного ряда, для ячейки (столбца). Высота и ширина могут задаваться как в пикселях, так и процентах.

<table>
<tr>
<td height="35" width="50" bgcolor="#FFCC33"> 1x1 </td>
<td width="50" bgcolor="#336699"> 1x2 </td>
<td width="50" bgcolor="#FFCC33"> 1x3 </td>
</tr>
<tr>
<td height="35" width="50" bgcolor="#336699"> 2x1 </td>
<td width="50" bgcolor="#FFCC33"> 2x2 </td>
<td width="50" bgcolor="#336699"> 2x3 </td>
</tr>
</table>

Если задать ячейке ширину в 30 процентов, то на остальные ячейки остается еще 70 процентов, т.е. сумма их ширин не должна превышать 70 процентов.

Содержимое ячейки может располагаться не только посередине (как по умолчанию). Вертикальное выравнивание задается атрибутом - valign="middle" (top, bottom)- содержимое конкретной ячейки будет находится в середине (наверху или внизу):

Атрибуты colspan и rowspan. Colspan - определяют количество столбцов, на которые простирается данная ячейка, а rowspan - количество рядов (эти параметры могут принимать значение от 2 и больше, т.е. наша ячейка может растягиваться на два и более столбца (ряда)).

<table>
<tr>
<td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td>
<td width="50" bgcolor="#336699"> <center>1x2</center> </td>
</tr>
<tr>
<td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td>
<td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td>
<td width="50" bgcolor="#336699"> <center>2x3</center> </td>
</tr>
</table>

=======================================================================

<table>
<tr>
<td height="35" bgcolor="#FFCC33"> <center>1x1</center> </td>
<td width="50" bgcolor="#336699"> <center>1x2</center> </td>
<td width="50" bgcolor="#336699" rowspan="2"> <center>1x3</center> </td>
</tr>
<tr>
<td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td>
<td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td>
</tr>
</table>

=======================================================================

<table>
<tr>
<td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td>
<td width="50" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td>
</tr>
<tr>
<td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td>
<td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td>
</tr>
</table>

Чтобы избавиться или увеличить пространство между ячейками таблицы используется атрибут cellspacing

<table cellspacing="0">
<tr>
<td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td>
<td width="50" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td>
</tr>
<tr>
<td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td>
<td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td>
</tr>
</table>

Рамка вводится параметром border.

<table border="3">

Рамке можно задать так же и цвет.

<table border="3" bordercolor="#000000">

Требования к выполнению работы

1. Текст – Verdana, Tahoma.
2. Высота – 12 pt.
3. Страницы должны содержать гиперссылки – Предыдущая, Главная, Следующая, На верх.
4. Картинки должны иметь обтекание.
5. Главная страница оформляется с использованием таблицы.