การจัดข้อมูลให้เป็นสัดส่วนด้วยตาราง

ปัจจุบันการใช้ตารางเหมาะสำหรับการนำเสนอข้อมูลจำนวนมาก เช่น ข้อมูลการซื้อขาย หรือสรุปปริมาณสินค้า นอกจากนี้ตารางยังมีประโยชน์ในการช่วยจัดองค์ประกอบต่าง ๆ ในเว็บเพจ ให้อยู่ในตำแหน่งที่ต้องการได้อย่างเป็นสัดส่วนที่ดี

มาทดลองสร้างตารางกันค่ะ <table> , <tr> , <td>

          โดยมีรูปแบบของแท็กที่นำมาใช้ในการสร้างตาราง ดังนี้

แท็ก<tr>...</tr> หมายถึง เป็นการกำหนดจำนวนแถวในตาราง 
แท็ก<td>...</td> หมายถึง เป็นการกำหนดจำนวนคอลัมน์ในแต่ละแถว
ตัวอย่างการสร้างตาราง

ผลลัพธ์ที่ได้

ข้อมูลจะถูกจัดให้เป็นระเบียบแต่ไม่มีเส้นตาราง

       ถ้าเรากำหนดจำนวนคอลัมน์ในแต่ละแถวไม่เท่ากัน จะเกิดช่องว่างแทนที่ เช่น กำหนดให้แถวสุดท้ายไม่มีข้อมูล มาดูรูปตัวอย่างด้านล่าง

ภาพตัวอย่าง                                                   ผลลัพธ์ทีได้