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

เราจะแสดงเซลล์ตารางใน HTML ได้อย่างไร


e แท็ก เพื่อแสดงเซลล์ตาราง แท็ก HTML ใช้สำหรับระบุเซลล์หรือข้อมูลตารางภายในตาราง

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

แอตทริบิวต์
ค่า
คำอธิบาย
abbr
abbreviated_text เลิกใช้งานแล้ว − ระบุเวอร์ชันย่อของเนื้อหาในเซลล์
align
ขวา ตรงกลาง ชิดขอบ char เลิกใช้ − การจัดตำแหน่งภาพ
axis
ชื่อ เลิกใช้งานแล้ว − ระบุหมวดหมู่สำหรับ td นี้ สามารถใช้เพื่อดำเนินการค้นหากับข้อมูลตารางและอาจเป็นประโยชน์ในบริบทของเบราว์เซอร์คำพูด
bgcolor
rgb(x,x,x) #hexcode colorname เลิกใช้งานแล้ว − ระบุสีพื้นหลังของเซลล์ตาราง
char
ตัวละคร เลิกใช้ − ระบุอักขระที่จะจัดแนวข้อความ ใช้เมื่อ align ="char"
charoff
พิกเซลหรือ % เลิกใช้ − ระบุออฟเซ็ตการจัดตำแหน่ง (เป็นพิกเซลหรือค่าเปอร์เซ็นต์) กับอักขระตัวแรกตามที่ระบุด้วยแอตทริบิวต์ถ่าน ใช้เมื่อ align ="char"
colspan
หมายเลข ระบุจำนวนคอลัมน์ที่เซลล์ปัจจุบันขยายออกไป
header
id ระบุรายการเซลล์ส่วนหัวที่คั่นด้วยช่องว่างซึ่งมีข้อมูลเกี่ยวกับเซลล์นี้ ค่าต้องสอดคล้องกับ id ของเซลล์ส่วนหัว (ซึ่งตั้งค่าโดยใช้แอตทริบิวต์ id) คุณลักษณะนี้มีประโยชน์สำหรับเบราว์เซอร์ที่ไม่มีภาพ
ความสูง
พิกเซล เลิกใช้ − ระบุความสูงของเซลล์ตาราง
nowrap
ตอนนี้ เลิกใช้ − ป้องกันไม่ให้ตัดข้อความโดยอัตโนมัติ
rowspan
ตัวเลข ระบุจำนวนแถวที่เซลล์ปัจจุบันขยายออกไป
ขอบเขต
กลุ่มแถว colgroup แถว เลิกใช้ − คุณลักษณะนี้ใช้กับเซลล์ส่วนหัวและระบุเซลล์ที่จะใช้ข้อมูลของส่วนหัวนี้
valign
เส้นฐานล่างตรงกลางด้านบนสุด เลิกใช้ − การจัดแนวแนวตั้ง
ความกว้าง พิกเซลหรือ % เลิกใช้ − ระบุความกว้างของเซลล์ตาราง

ตัวอย่าง

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

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
         }
      </style>
   </head>
   <body>
      <h3>Result</h3>
      <table>
         <th>Marks</th>
         <th>Student</th>
         <tr>
            <td>600</td>
            <td>Amit</td>
         </tr>
         <tr>
            <td>400</td>
            <td>Anil</td>
         </tr>
      </table>
   </body>
</html>