Работа з табліцамі ў HTML

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

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

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

Давайце для прыкладу зробім табліцу з трыма шэрагамі і трыма ячэйкамі ў кожным шэрагу:

html<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>

Результат: