ตาราง HTML

ตัวอย่างเช่นตาราง HTML:

ตัวอย่างออนไลน์

ตาราง
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการสร้างตารางในเอกสาร HTML

(คุณสามารถหาตัวอย่างเพิ่มเติมที่ด้านล่างของหน้านี้.)

ตาราง HTML

แบบฟอร์มที่กำหนดโดย <table> แท็ก ตารางแต่ละคนมีจำนวนเส้น (กำหนดโดย <tr> แท็ก) แต่ละเส้นจะถูกแบ่งออกเป็นจำนวนของเซลล์ (กำหนดโดย <td> แท็ก) หมายถึงเนื้อหาของตัวอักษร td ข้อมูลตาราง (ตารางข้อมูล) ที่เป็นเซลล์ข้อมูล ข้อมูลเซลล์สามารถประกอบด้วยข้อความ, ภาพ, รายการ, ย่อหน้ารูปแบบแนวนอนโต๊ะและอื่น ๆ

เช่นโต๊ะ

เบราว์เซอร์จะแสดงต่อไปนี้ ::

ตาราง HTML และคุณสมบัติชายแดน

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

ใช้คุณสมบัติชายแดนเพื่อแสดงตารางที่มีพรมแดน:

ส่วนหัวของตาราง HTML

ส่วนหัวของตารางโดยใช้ <TH> แท็กที่กำหนดไว้

เบราว์เซอร์ส่วนใหญ่จะแสดงข้อความส่วนหัวเป็นตัวหนาศูนย์กลาง:

เบราว์เซอร์จะแสดงต่อไปนี้:

ตัวอย่างเพิ่มเติม

ชายแดนตารางไม่มี
กรณีนี้ไม่ได้แสดงให้เห็นถึงเส้นขอบตาราง

ส่วนหัวของตาราง (หัวเรื่อง)
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการแสดงส่วนหัวของตาราง

ตารางที่มีหัว
ตัวอย่างนี้แสดงให้เห็นถึงที่มีชื่อ (คำบรรยายใต้ภาพ) ของแบบฟอร์ม

รายการระหว่างธนาคารทั่วคอลัมน์หรือเซลล์ของตาราง
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการกำหนดข้ามหรือคอลัมน์ของเซลล์ตาราง

แท็กภายในตาราง
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการแสดงองค์ประกอบในองค์ประกอบที่แตกต่างกัน

มือถือ padding (มือถือ padding)
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการใช้ช่องว่างภายในเซลล์เพื่อสร้างเนื้อหาเซลล์ว่างและเส้นขอบระหว่าง

ระยะห่างระหว่างเซลล์ (ระยะห่างมือถือ)
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการใช้เซลล์ระยะห่างเพื่อเพิ่มระยะห่างระหว่างเซลล์

แท็กตาราง HTML