Работа с таблицами в HTML

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

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

Код таблицы имеет жесткую структуру: главным является тег table, внутри которого должны лежать теги tr, которые создают ряды таблицы, а внутри них - теги td, которые создают ячейки. Тег table может иметь атрибут border, который задает границу таблице и ее ячейкам.

Давайте для примера сделаем таблицу с тремя рядами и тремя ячейками в каждом ряду:

<table border="1"> <!--Bu jadvalning biribchi qatori:--> <tr> <td>cell 1</td> <td>cell 2</td> <td>cell 3</td> </tr> <!--Bu jadvalning ikkinchi qatori:--> <tr> <td>cell 4</td> <td>cell 5</td> <td>cell 6</td> </tr> <!--Bu jadvalning uchinchi qatori:--> <tr> <td>cell 7</td> <td>cell 8</td> <td>cell 9</td> </tr> </table>

Результат выполнения кода:

uz ru