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

Таблица формируется следующим образом:

Код:

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

В данном коде:

Код:

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

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


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

Код:

<td></td>

Например:

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

Код:

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

Тег

Код:

<center></center>

Я добавляю, чтобы текст или что-то еще был по центру, можно и без него, но тогда содержимое прилепится к левой стороне ячейки.

Текст может быть жирным, подчеркнутым и т.п., разного цвета и размера, но об этом - в другой теме...
Результат:

Код:

<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) Вставляем в третий столбец скрипт, например. календарик или часики и т.п.

Код:

<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=адрес рисунка></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>

А скрин можно?
Как таблица будет выглядеть?

вау