STAR ★ CODE

ลำดับตอนที่ #27 : HTML :: ตารางคอลัมน์

แบ่งสอง สาม หรือล้านคอลัมน์ก็ได้ ถ้าคุณเข้าใจมัน

<table><tbody>

<!--โค้ดแบ่งตาราง | เครดิต StarLullaby999402-->

<tr> <!--คือ "การแบ่งแถว"-->

<td> <!--คือคอลัมน์ในแต่ละแถว--> </td>

<td> <!--คอลัมน์ที่สอง--> </td>

<td> <!--คอลัมน์ที่สาม--> </td>

<!--ถ้าจะใส่คอลัมน์เพิ่มก็ใส่แท็ก <td></td> เพิ่มไปเท่าที่ต้องการ -->

</tr> <!--แท็กปิด คือ "แถวแรกหมดแค่นี้"-->

<tr> <!--เริ่มแถวใหม่-->

<td> <!--คอลัมน์แรกของแถวสอง--> </td>

<td> <!--คอลัมน์ที่สองของแถวสอง--> </td>

<td> <!--คอลัมน์ที่สามของแถวสอง--> </td>

</tr> <!--แท็กปิด คือ "แถวสองหมดแค่นี้"-->

<!--ถ้าจะใส่แถวเพิ่มก็ใส่แท็ก <tr></tr> เพิ่มไปเท่าที่ต้องการ

สำคัญ** ข้างใน tr อย่าลืมใส่แท็ก td ด้วยล่ะ-->

</tbody></table>

ตัวอย่าง

11	12	13
21	22	23
31	32	33
41	42	43

โค้ดของตัวอย่าง

<table><tbody>

<tr> 

<td> 11 </td>

<td> 12 </td>

<td> 13 </td>

</tr>

<tr>

<td> 21 </td>

<td> 22 </td>

<td> 23 </td>

</tr>

<tr>

<td> 31 </td>

<td> 32 </td>

<td> 33 </td>

</tr>

<tr>

<td> 41 </td>

<td> 42 </td>

<td> 43 </td>

</tr>

</tbody></table>

★STAR