HTML ผสานเซลล์ตาราง แนวนอนด้วยคำสั่ง colspan

สอนเขียน HTML ผสานเซลล์ตาราง แนวนอนด้วยคำสั่ง colspan บทความนี้จะแนะนำวิธีการใช้คำสั่ง colspan เพื่อผสานเซลล์ตาราง หรือรวมเซลล์เข้าด้วยกัน ตัวอย่างจะผสานเซลล์ตารางทั้ง 2 เซลล์ด้วย colspan สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง HTML ผสานเซลล์ตาราง แนวนอนด้วยคำสั่ง colspan

<table border="1" width="150px">
    <tr>
        <td align="center" colspan="2">A</td>
    </tr>
    <tr>
        <td align="center">B</td>
        <td align="center">C</td>
    </tr>
</table>

HTML ผสานเซลล์ตาราง ตัวอย่างใช้ attribute colspan กำหนดค่าเท่ากับ 2 หมายความว่าให้ผสานเซลล์ตาราง แบบแนวนอนทั้งหมด 2 เซลล์ หรือ 2 td