ตัวอย่าง
ตาราง HTML ง่ายๆที่มีสองคอลัมน์และสองแถว:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
ลองตัวเอง» เพิ่มเติม "ลองตัวเอง" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
<tr> แท็กกำหนดแถวในตาราง HTML
<tr> องค์ประกอบที่มีมากกว่าหนึ่ง <th> หรือ <td> องค์ประกอบ
สนับสนุนเบราว์เซอร์
ธาตุ | |||||
---|---|---|---|---|---|
<tr> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ทุก layout แอตทริบิวต์จะถูกลบออกใน HTML5
แอตทริบิวต์
คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
---|---|---|
align | right left center justify char | ได้รับการสนับสนุนใน HTML5 สอดคล้องเนื้อหาในแถวตาราง |
bgcolor | rgb(x,x,x) #xxxxxx colorname | ได้รับการสนับสนุนใน HTML5 ระบุสีพื้นหลังสำหรับแถวของตาราง |
char | character | ได้รับการสนับสนุนใน HTML5 สอดคล้องเนื้อหาในแถวของตารางให้ตัวละคร |
charoff | number | ได้รับการสนับสนุนใน HTML5 กำหนดจำนวนของตัวละครเนื้อหาจะสอดคล้องจากตัวอักษรที่ระบุโดย char แอตทริบิวต์ |
valign | top middle bottom baseline | ได้รับการสนับสนุนใน HTML5 แนวตั้งสอดคล้องเนื้อหาในแถวตาราง |
แอตทริบิวต์ทั่วโลก
<tr> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<tr> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
ลองตัวเอง - ตัวอย่าง
ส่วนหัวของตาราง
วิธีการสร้างส่วนหัวตาราง
ตารางที่มีคำอธิบาย
ตาราง HTML ที่มีคำอธิบาย
แท็กภายในตาราง
วิธีการแสดงองค์ประกอบภายในองค์ประกอบอื่น ๆ
C ells ที่ครอบคลุมแถวมากกว่าหนึ่ง / คอลัมน์
วิธีการกำหนดตารางเซลล์ที่ครอบคลุมมากกว่าหนึ่งแถวหรือคอลัมน์หนึ่ง
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา HTML: ตาราง HTML
อ้างอิง HTML DOM: วัตถุ TableRow
CSS Tutorial: ตารางจัดแต่งทรงผม
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <tr> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}