Сегодня учимся делать таблицу. В предыдущих версиях html таблица использовалась для каркаса веб-страницы. Сейчас верстать страницу рекомендуется c помощью тега <div>, потому что страница с таблицей медленнее загружается. Но на Ucoz например шаблоны сайтов сверстаны с помощью таблиц. Пример таблицы:Таблица описывается парным тегом <table> и </table> С <table> начинается таблица, а </table> таблица заканчивается.
<table> </table>
Затем описываем строку таблицы. Для создания строки в таблице используется парный тег <tr> </tr> Если у нас таблица состоит из одной строки, то будет так:
<table>
<tr> </tr>
</table>
Если таблица состоит из 3 строк, то делаем так:
<table>
<tr> </tr>
<tr> </tr>
<tr> </tr>
</table>
Далее. В каждой строке должна быть хотя бы 1 ячейка, то есть кроме строки, надо описать еще один столбец. Столбцы в HTML описываются с помощью тегов <td> и </td>, которые должны находиться между тегами <tr> и </tr> То есть, если в таблице 1 строка и 1 столбец, то таблица будет описана так:
<table>
<tr><td> </td></tr>
</table>
Содержимое ячеек пишется только между тегами <td> и </td>. Порядок расположения тегов такой : сначала пишите теги таблицы, затем теги строки, затем теги ячеек. Также таблице можно придать цвет, вставить изображение (незаполненная таблица видна не будет). Фон таблице можно задать так:
<table width="300" border="1" height="150">
<tr>
<td width="50" bgcolor="aqua"> </td>
<td> </td>
</tr>
</table>
Результат:
Кстати, этот способ считается несколько устаревшим, в HTML.4.1. внешний вид таблицы задается таблицей стилей.
Если хотите фоном таблицы сделать изображение, то писать нужно так:
<td background="image.jpg">
В следующий раз поговорим о верстке с помощью div.
P.S. Если вас интересует верстка веб-страницы с помощью таблицы, то почитать об этом можно