Продолжение. Следующие виды создания таблицы
Запомним еще один не маловажный момент. Содержимое ячеек пишется МЕЖДУ тегами <td> и </td>
Давайте для примера заполним созданную таблицу в две строки и шесть ячеек:
<table>
<tr>
<td>
СТРОКА 1 ТЕКСТ 1
</td>
<td>
СТРОКА 1 ТЕКСТ 2
</td>
<td>
СТРОКА 1 ТЕКСТ 3
</td>
</tr>
<tr>
<td>
СТРОКА 2 ТЕКСТ 1
</td>
<td>
СТРОКА 2 ТЕКСТ 2
</td>
<td>
СТРОКА 2 ТЕКСТ 3
</td>
</tr>
</table>
Итог наших усилий будет выглядеть вот так:
Точно так же, как мы делали в примере нашего шаблона, используя параметры WIDTH и HEIGHT можно указать ширину и высоту любых строк и ячеек таблицы, т.е. применить эти параметры в тегах <tr> и <td>
Создадим таблицу из двух ячеек:
<table width=”300” border=”1” height=”250”>
<tr>
<td>ячейка 1</td>
<td>ячейка 2</td>
</tr>
</table>
т.е. Получим таблицу вот такого вида:
А теперь применив параметр WIDTH, сделаем ширину первой ячейка = 50
<table width=”300” border=”1” height=”250”>
<tr>
<td width=”50”> </td>
<td> </td>
</tr>
</table>
Наша таблица будет иметь вот такой вид:
Ячейки таблицы можно заполнять любой информацией: вписывать текст, вставлять картинки, размещать видео, ссылки и т.д.
Для таблиц довольно часто применяют параметр — бэкграунд, т.е. задний фон, с которым мы познакомились ранее.
<table width=”300” border=”1” height=”150” >
<tr>
<td width=”50” bgcolor=”#CCCCCC”>
</td>
<td bgcolor=”#FFFF99”>
</td>
</tr>
</table>
И получим вот такую таблицу с цветным фоном:
Точно так же использовать картинку в виде фона, для этого в той же директории, в которой находится ваш шаблон, создайте папку. Назовите ее img или images и поместите туда выбранную картинку. В данном случае таблица будет выглядеть вот так:
<table width=”400” border=”1” height=”200”>
<tr>
<td width=”200” background=”img/dollars_200.gif”>
</td>
<td bgcolor=”#FFFF99”>
</td>
</tr>
</table>
