HTML-и ҷадвалҳо бо кор

Акнун мо меомӯзем, ки чӣ тавр ҷадвалҳо дар HTML сохта мешаванд. Ман фикр мекунам, шумо мефаҳмед, ки ҷадвал дар ҳаёти одӣ чист - ин маҷмӯи сатрҳо ва сутунҳо мебошад, ки дар буришаи онҳо ҳуҷайраҳо ҷойгиранд.

Дар HTML ҷадвалҳо ба ҳамон принсип сохта мешаванд. Дар он ҳам сутунҳо ва сатрҳо бо ҳуҷайраҳо мавҷуданд, вале рамзи HTML-и ҷадвалҳо дар назари аввал метавонад ғайриоддӣ ба назар бирасад: ҷадвалҳо ба тартиби қаторҳо сохта мешаванд - аввал қатори якум, пас қатори дуюм ва ҳамин тавр.

Рамзи ҷадвал сохтори сахт дорад: асосӣ теги table мебошад, ки дар дохили он бояд тегҳои tr бошанд, ки қаторҳои ҷадвалро месозанд, ва дар дохили онҳо - тегҳои td, ки ҳуҷайраҳоро месозанд. Теги table метавонад атрибути border дошта бошад, ки ҳудуди ҷадвал ва ҳуҷайраҳои онро таъин мекунад.

Биёед барои мисол ҷадвале бо се қатор ва се ҳуҷайра дар ҳар як қатор созем:

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

Мисоли дар поин овардашударо такрор кунед: