Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

สร้างตารางใน HTML


แท็ก HTML

ใช้สำหรับกำหนดตาราง แท็กตารางมีแท็กอื่นๆ ที่กำหนดโครงสร้างของตาราง

ต่อไปนี้คือคุณลักษณะ −

แอตทริบิวต์
ค่า
คำอธิบาย
abbr
abbreviated_text
เลิกใช้ − ระบุเวอร์ชันย่อของเนื้อหาในเซลล์
align
right
ซ้าย
ศูนย์
ให้เหตุผล
char
เลิกใช้ − การจัดตำแหน่งภาพ
bgcolor
rgb(x,x,x)
#รหัสเลขฐานสิบหก
ชื่อสี
เลิกใช้ − ระบุสีพื้นหลังของตาราง
border
Pixels
เลิกใช้ − ระบุความกว้างของเส้นขอบ ค่า "0" หมายถึงไม่มีเส้นขอบ
cellpadding
พิกเซลหรือ %
เลิกใช้ − ระบุช่องว่างระหว่างเส้นขอบของเซลล์และเนื้อหา
cellspacing
พิกเซลหรือ %
เลิกใช้ − ระบุช่องว่างระหว่างเซลล์
frame
เป็นโมฆะ
ข้างต้น
ด้านล่าง
hsides
lhs
rhs
เทียบกับ
กล่อง
ชายแดน
เลิกใช้ − ใช้ร่วมกับแอตทริบิวต์เส้นขอบ ระบุว่าด้านใดของกรอบที่ประกอบขึ้นเป็นเส้นขอบรอบตารางที่จะแสดง
rules
ไม่มี
กลุ่ม
แถว
โคลส
ทั้งหมด
เลิกใช้งานแล้ว − ใช้ร่วมกับแอตทริบิวต์ border ระบุว่ากฎใดปรากฏขึ้นระหว่างเซลล์ของตาราง
summary
Text
เลิกใช้งานแล้ว − ระบุบทสรุปของเนื้อหา
ความกว้าง พิกเซลหรือ % เลิกใช้ − ระบุความกว้างของตาราง

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อสร้างตารางในรูปแบบ HTML −

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
         }
      </style>
   </head>
   <body>
      <h3>Ranking</h3>
      <table>
         <th>Rank</th>
         <tr>
            <td>One</td>
         </tr>
         <tr>
            <td>Two</td>
         </tr>
      </table>
   </body>
</html>