Работа с таблицами в HTML
Сейчас мы научимся делать таблицы в HTML. Я думаю, вы представляете, что такое таблица в обычной жизни - это набор строк и столбцов, на пересечении которых находятся ячейки.
В HTML таблицы создаются по похожему принципу. Там тоже есть столбцы и строки с ячейками, однако HTML код таблиц при первом взгляде может показаться непривычным: таблицы создаются по рядам - сначала первый ряд, потом второй и так далее.
Код таблицы имеет жесткую структуру: главным
является тег table, внутри которого
должны лежать теги tr, которые создают
ряды таблицы, а внутри них - теги td,
которые создают ячейки. Тег table
может иметь атрибут border, который
задает границу таблице и ее ячейкам.
Давайте для примера сделаем таблицу с тремя рядами и тремя ячейками в каждом ряду:
<table border="1">
<!--Это будет первый ряд таблицы:-->
<tr>
<td>cell 1</td>
<td>cell 2</td>
<td>cell 3</td>
</tr>
<!--Это будет второй ряд таблицы:-->
<tr>
<td>cell 4</td>
<td>cell 5</td>
<td>cell 6</td>
</tr>
<!--Это будет третий ряд таблицы:-->
<tr>
<td>cell 7</td>
<td>cell 8</td>
<td>cell 9</td>
</tr>
</table>
:
Повторите пример, приведенный ниже: