В этом уроке выучим теги таблицы, и как их складывать между собой...

Сама таблица состоит из тага: <table></table>
Строка таблицы обозначается тегом: <tr></tr>
Ячейка в таблице определяется тегом: <td></td>

Например нам нужна таблица с двумя строками и четырьмя ячейками, то есть по две ячейки на каждой строке. Выглядеть код будет так:

<table> /таблица открывается/
<tr> /строка открывается/
<td>Содержимое ячейки</td>
<td>Содержимое ячейки</td>
</tr> /строка закрывается/
<tr>
<td>Содержимое ячейки</td>
<td>Содержимое ячейки</td>
</tr>
</table> /таблица закрывается/
Код правельный, но таблица у нас будет не видимой, потому что мы не задали ей даже рамку. Задать рамку можно с помошью дополнения: border="1" вписать его нужно в открывающийся тег <table>Например: <table border="1">
Весь наш код будет выглядеть так:

<table border="1"> /таблица открывается/
<tr> /строка открывается/
<td>Содержимое ячейки</td>
<td>Содержимое ячейки</td>
</tr> /строка закрывается/
<tr>
<td>Содержимое ячейки</td>
<td>Содержимое ячейки</td>
</tr>
</table>/таблица закрывается/

Получается у нас в итоге табличка с двумя строками и четырьмя ячейками:

Скачать учебные материалы