ล่าสุดการพัฒนาเว็บบทเรียน
×

HTML การอ้างอิง

HTML ตามลำดับตัวอักษร (เรียงลำดับ) HTML ตามหมวดหมู่ (เรียงลำดับ) HTML แอตทริบิวต์ HTML แอตทริบิวต์ทั่วโลก HTML เหตุการณ์ HTML ผ้าใบ HTML เสียง / วิดีโอ HTML doctypes HTML เข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTTP ข้อความ HTTP วิธีการ PX จะ EM แปลง แป้นพิมพ์ลัด


 

HTML <tr> Tag


ตัวอย่าง

ตาราง 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;
}