HTMLда таблицалар билан ишлаш

Ҳозир биз HTMLда таблицалар қилишни ўрганамиз. Мен сиз ўйлайман, оддий ҳаёгда таблица нима эканини тасаввур қиласиз - бу сатрлар ва устунлар мажмуи, уларнинг кесишиш joyида ҳужайралар жойлашган.

HTMLда таблицалар ўхшаш принсип асосида яратилади. У ерда ҳам устунлар ва ҳужайрали сатрлар мавжуд, аммо биринчи қарашда HTML таблица кодлари оддий бўлмаслиги мумкин: таблицалар қаторлар бо́йича яратилади - аввал биринчи қатор, сўнгра иккинчи ва ҳоказо.

Таблица коди қаттиқ структурага эга: асосий table теги бў́либ, унинг ичида таблица қаторларини яратувчи tr теглари, уларнинг ичида эса 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>

Результат: