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

Сега ще се научим да правим таблици в HTML. Мисля, че си представяте какво е таблица в обикновения живот - това е набор от редове и колони, на пресечните точки на които се намират клетки.

В HTML таблиците се създават по подобен принцип. Там също има колони и редове с клетки, обаче HTML кодът на таблиците при пръв поглед може да изглежда необичаен: таблиците се създават по редове - първо първият ред, после вторият и така нататък.

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

Нека за пример направим таблица с три реда и три клетки във всеки ред:

html<table border="1">
  <tr>
    <td>клетка 1</td>
    <td>клетка 2</td>
    <td>клетка 3</td>
  </tr>
  <tr>
    <td>клетка 4</td>
    <td>клетка 5</td>
    <td>клетка 6</td>
  </tr>
  <tr>
    <td>клетка 7</td>
    <td>клетка 8</td>
    <td>клетка 9</td>
  </tr>
</table>

Результат: