STAR ★ CODE

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

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 238
    จำนวนคนให้กำลังใจ : 0 ครั้ง
    16 ม.ค. 59

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




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



ตัวอย่าง


111213
212223
313233
414243


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

<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

นิยายที่ผู้อ่านนิยมอ่านต่อ

loading
กำลังโหลด...

122 ความคิดเห็น