Делаем таблицу (новичкам)

[Irbis]

т рассказываю. А то вечно намудрят.... раз уж обучать, то понятно для человека не знающего.<br>
Итак...
Таблица формируется следующим образом:<br>

Код:

<table width=100% border “1”>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

<br>
В данном коде:<br>

Код:

<table width=100% border “1”></table> - сама таблица
Здесь width=100% - видимость, border “1” - толщина границ.
<tr></tr> - строка в таблице
<td></td> - ячейка в строке

<br>
Таким образом, приведенный выше код формирует таблицу из одной строки и трех ячеек (столбцов) в ней.<br>

Так как содержимое таблицы фактически вставляется в ее ячейки, то вся эта информация должна быть размещена ВНУТРИ тега

Код:

<td></td>

, например:

1) В первый столбец нашей таблицы вставляем текст - самый простой вариант.<br>

Код:

<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td></td>
<td></td>
</tr>
</table>

<br>

Тег

Код:

<center></center>

я добавляю, чтобы текст или что-то еще был по центру, можно и без него, но тогда содержимое прилепится к левой стороне ячейки.<br>
Текст может быть жирным, подчеркнутым и т.п., разного цвета и размера, но об этом - в другой теме...
Результат:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td></td>
<td></td>
</tr>
</table>

2) Во второй столбец вставляем рисунок:

Код:

<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=адрес рисунка></center></td>
<td></td>
</tr>
</table>

Результат:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=http://attack-line.admin007.net/users/42/72/49/avatars/11-33.jpg></center></td>
<td></td>
</tr>
</table>


3) Вставляем в третий столбец скрипт, например. календарик или часики и т.п.<br>

Код:

<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=адрес рисунка></center></td>
<td>Содержание скрипта</td>
</tr>
</table>

<br>

Например:

Код:

<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=адрес рисунка></center></td>
<td><center><script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="mailhigh002-navy.swf";obj.TimeZone="R2T";obj.width=182;obj.height=60;obj.wmode="transparent";showClock(obj);</script></center></td>
</tr>
</table>

Ну и в конечном итоге выходит:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=http://attack-line.admin007.net/users/42/72/49/avatars/11-33.jpg></center></td>
<td><center><script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="mailhigh002-navy.swf";obj.TimeZone="R2T";obj.width=182;obj.height=60;obj.wmode="transparent";showClock(obj);</script></center></td>
</tr>
</table>