HTML <table> แท็ก
ตัวอย่าง
ตาราง HTML ง่ายมีสองเส้นสองเส้น:
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
ลอง»
(สำหรับตัวอย่างเพิ่มเติมโปรดดูที่ด้านล่างของหน้า)
สนับสนุนเบราว์เซอร์
เบราว์เซอร์ที่สำคัญทุกการสนับสนุน <table> แท็ก
คำจำกัดความและคำแนะนำการแท็ก
<table> tag กำหนดตาราง HTML
ตารางรวมถึงแบบ HTML <table> องค์ประกอบหนึ่งหรือมากกว่า <tr> , <TH> และ <td> องค์ประกอบ
<tr> องค์ประกอบที่กำหนดแถวตาราง <TH> องค์ประกอบที่กำหนดส่วนหัวของตาราง <td> องค์ประกอบกำหนดเซลล์ตาราง
รูปแบบที่ซับซ้อนมากขึ้นนอกจากนี้ยังอาจรวม HTML <คำบรรยายใต้ภาพ>, <Col>, <COLGROUP>, <thead>, <tfoot> และ <tbody> องค์ประกอบ
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ในทรัพย์สิน HTML5 สนับสนุนเท่านั้น "ชายแดน" และมีเพียงอนุญาตให้ใช้ค่า "1" หรือ "."
คุณสมบัติ
属性 | 值 | 描述 |
---|---|---|
align | left center right |
HTML5 不支持。HTML 4.01 已废弃。 规定表格相对周围元素的对齐方式。 |
bgcolor | rgb(x,x,x) #xxxxxx colorname |
HTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。 |
border | 1 "" |
规定表格单元是否拥有边框。 |
cellpadding | pixels | HTML5 不支持。规定单元边沿与其内容之间的空白。 |
cellspacing | pixels | HTML5 不支持。规定单元格之间的空白。 |
frame | void above below hsides lhs rhs vsides box border |
HTML5 不支持。规定外侧边框的哪个部分是可见的。 |
rules | none groups rows cols all |
HTML5 不支持。规定内侧边框的哪个部分是可见的。 |
summary | text | HTML5 不支持。规定表格的摘要。 |
width | pixels % |
HTML5 不支持。规定表格的宽度。 |
อสังหาริมทรัพย์ทั่วโลก
<table> tag สนับสนุน HTML คุณสมบัติทั่วโลก
คุณสมบัติเหตุการณ์
<table> tag สนับสนุน คุณสมบัติเหตุการณ์ HTML
ลอง - ตัวอย่าง
ชื่อตาราง
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการแสดงส่วนหัวตาราง
เซลล์ว่างเปล่า
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการใช้ "& nbsp;" ไม่ถือการประมวลผลเนื้อหา
ตารางที่มีหัว
ตัวอย่างนี้แสดงให้เห็นถึงที่มีชื่อเรื่อง (คำบรรยายใต้ภาพ) แบบฟอร์ม
แท็กภายในตาราง
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการที่จะแสดงองค์ประกอบภายในองค์ประกอบอื่น ๆ
รายการระหว่างธนาคารทั่วคอลัมน์หรือเซลล์ของตาราง
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการกำหนดข้ามหรือคอลัมน์ของเซลล์ตาราง
บทความที่เกี่ยวข้อง
HTML Tutorial: ตาราง HTML
คู่มือการใช้งาน HTML DOM อ้างอิง: วัตถุตาราง