www.he-lp.narod.ru

На эту тему я хотел бы особо обратить ваше внимание. Так как на таблицах построено около 90% действующих сайтов при этом таблицы прекрасный элемент оформления страниц но об этом немного позже в статье о Image Ready или Macromedia Fireworks раздел таблицы как элемент оформления (приношу извинения если этой статьи еще нет на сайте я просто не успеваю написать все что хочется).

А пока расскажу как пишется кодовая структура таблицы:

<table border=”1” align="center"> 

	<tr> 

		<td>первый столбец</td>

		<td>второй столбец </td>

	</tr>

	<tr> 

		<td>первый столбец</td>

		<td>второй столбец</td>

	</tr>

</table>

        

первый столбец	второй столбец
первый столбец	второй столбец

И как всегда перейдем сразу к расшифровке:

Тег <table></table> теги определяющие начало и конец таблицы. Вписанный
модификатор (Border=”1”) это модификатор определяет толщину внешних границ
(если его не указывать, или вписать в скобки цифру “0” то границы таблицы просто
исчезнут и текст в них будет написан как будто в столбцах)

Тег <tr></tr> тег который задает строку таблицы.

Тег <td></td> тег задающий количество ячеек что будут присутствовать в теге <tr></tr>.

И так, таблица у нас готова, но если нам нужно объединить несколько ячеек по горизонтали мы
используем следующею конструкцию:

<table border=”1”  align="center"> 

	<tr> 

		<td  colspan="2" bgcolor="#adedaf align="center"">теперь это одна ячейка</td> 

	</tr>

	<tr>

		<td>первый столбец</td>

		<td>второй столбец</td>

	</tr>

</table>

теперь это одна ячейка
первый столбец	второй столбец

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

<table border="1" align="center">

	<tr>

		<td  rowspan="2 bgcolor="#adedaf"> теперь и это одна ячейка </td>

		<td>вторая ячейка</td>

	</tr>

	<tr>

		<td>вторая ячейка </td>

	</tr>

</table>

        

теперь и это одна ячейка	вторая ячейка
	вторая ячейка

Все действия работают по очереди. (Если глобально цвет задан зеленый то мы можем задать
цвет ячеек по отдельности в каждом <td color=”#adefda”></td> или для строки <tr color=”#adefda”></tr>
(внутри этого тега еще можно задавать отдельные настройки для отдельных ячеек) )

Модификаторы которые используются в тегах <td></td> <tr></tr>	Описание модификатора
bgcolor=”#adefad”	Цвет ячеек
Bordercolor=”# adefad”	Цвет границ границы (используется как для ячейки в частности так и для таблицы целиком)
Настройки шрифта в таблицах те же как и в тексте. Их можно задавать внутри любого из табличных тегов или так как и для обычного текста.
Для таблиц можно использовать изображения с помощью модификатора ссылки на изображение ( SRC=”адрес изображения”) или делать изображения как фон с помощью background=”адрес изображения” (желательно использовать изображения в форматах *. gif, *. jpg, *. jpeg, *. png не используйте расширения написание большими буквами типа *. GIF при использовании в INTERNET они не будут отображаться или отображение будет некорректно)
В этих тегах также можно использовать класы

<table bordercolor="#663399" cellpadding="0" cellspacing="0">

	 <tr>

		 <td></td>

	 </tr>

	 <tr>

		 <td></td>

	 </tr>

 </table>

        

Также в таблицы вставляются изображения. Они являются ключевым элементом
к созданию оформления (например, рамки или кнопок) сайта. При создании кнопок
для создания гиперссылок необходимо ввести такую конструкцию:

 

<a href=”file.html”><img src=”pic/maxix.gif”>

 

Расшифровывается так:

 

При нажатии на изображение с именем “maxix” и расширением “. gif” откроется файл
“maxix. gif”.

---

При создании таблиц рекомендую подробно указывать параметры width и height так как если эти параметры
не указаны то браузер подставит свои параметры, а в разных браузерах они могут быть разными.