ส่วนหน้าของเว็บ 1
หมายเลขนักศึกษา | ชื่อ | เพศ | อายุ |
01 | จางซาน | ชาย | 20 |
02 | จอห์น โด | หญิง | ยี่สิบเอ็ด |
จำนวนคนทั้งหมด | 60 | ||
ส่วนประกอบของแบบฟอร์ม:
ส่วนหัว ส่วนท้ายของเนื้อหา
ตารางกำหนดตาราง
<table border="1" cellspacing="0" cellpadding="0" align="center"> </ตาราง>
Caption กำหนดชื่อเรื่องของตาราง
<caption>ส่วนหน้าของเว็บ/คำบรรยาย>ส่วนท้าย 1<
Thead กำหนดส่วนของส่วนหัว
<หัว> <tr> <th>หมายเลขประจำตัวนักศึกษา</th> <th>ชื่อ</th> <th>เพศ</th> <th>อายุ</th> </tr> </หัว>
Tbody กำหนดเนื้อหาของตาราง
<tbody> <tr> <td>01</td> <td>จางซาน</td> <td>ชาย</td> <td>20</td> </tr> <tr> <td>02</td> <td>李思</td> <td>เพศหญิง</td> <td>21</td> </tr> <tเท้า> <tr> <td colspan="3">จำนวนคนทั้งหมด:</td> <td>60</td> </tr> </tเท้า> </tbody>
Tfoot กำหนดส่วนท้ายของตาราง โดยปกติจะแสดงข้อมูลสรุป
<tเท้า> <tr> <td colspan="3">จำนวนคนทั้งหมด:</td> <td>60</td> </tr> </tเท้า>
Tr กำหนดเส้น
<tr> <th>หมายเลขประจำตัวนักศึกษา</th> <th>ชื่อ</th> <th>เพศ</th> <th>อายุ</th> </tr>
th td กำหนดรายการข้อมูล (เซลล์) โดยทั่วไปจะใช้สำหรับส่วนหัวของตารางและมีลักษณะเป็นตัวหนา
โดยทั่วไปจะใช้ Td สำหรับส่วนหลัก โดยไม่มีรูปแบบตัวหนา
<tr> <td>01</td> <td>จางซาน</td> <td>ชาย</td> <td>20</td> </tr>
Td rowspan และ colspan กำหนดจำนวนแถวและคอลัมน์ที่เซลล์ขยายตามลำดับ
<td colspan="3">จำนวนคนทั้งหมด:</td>
Cellspacing กำหนดระยะห่างของตาราง
Cellpadding กำหนดระยะขอบของตาราง
<table border="1" cellspacing="0" cellpadding="10">
Div กำหนดส่วน
<div style="width: 200px;height: 200px;พื้นหลังสี:skyblue";>
คุณลักษณะ: แสดงป้ายกำกับระดับบล็อกในบรรทัดใหม่
ความแตกต่างระหว่างแท็กระดับบล็อกและแท็กอินไลน์:
แท็กระดับบล็อกจะครอบครองทั้งแถว แท็กแบบอินไลน์จะถูกจัดเรียงจากซ้ายไปขวา
แท็กระดับบล็อก: h1-h6 p ul ol li div table dl form
ป้ายกำกับอินไลน์: span a br lable I em
ลักษณะขององค์ประกอบระดับบล็อก: จอแสดงผล:บล็อก
แต่ละบล็อกเริ่มต้นจากบรรทัดใหม่ และองค์ประกอบต่อมาจะเริ่มบรรทัดใหม่ ความกว้าง ความสูง ความสูงของเส้น และระยะขอบด้านในและด้านนอกขององค์ประกอบทั้งหมดสามารถตั้งค่าได้ หากไม่ได้ตั้งค่าความกว้างขององค์ประกอบ 100% ของคอนเทนเนอร์หลัก เว้นแต่คุณจะกำหนดความสูงให้เขา
ลักษณะขององค์ประกอบอินไลน์: จอแสดงผล: อินไลน์
ทั้งหมดอยู่ในบรรทัดเดียวกันกับองค์ประกอบอื่นๆ ไม่สามารถตั้งค่าความกว้าง ความสูง ความสูงของเส้น และระยะขอบด้านในและด้านนอกขององค์ประกอบได้ ความกว้างขององค์ประกอบคือความกว้างของข้อความหรือรูปภาพที่มีอยู่และไม่สามารถเปลี่ยนแปลงได้ .
ลักษณะขององค์ประกอบบล็อกอินไลน์: จอแสดงผล: อินไลน์บล็อก
และองค์ประกอบอื่นๆ ทั้งหมดอยู่ในบรรทัดเดียวกัน สามารถกำหนดความกว้าง ความสูง ความสูงของเส้น และระยะขอบด้านในและด้านนอกได้
สรุป
นี่เป็นการสรุปบทความนี้เกี่ยวกับการแนะนำโดยย่อและการใช้งาน Table และ div สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการแนะนำและการใช้งาน Table และ div โปรดค้นหาบทความก่อนหน้าใน downcodes.com หรือเรียกดูบทความที่เกี่ยวข้องต่อไปนี้ โปรดสนับสนุน downcodes com มากขึ้นในอนาคต!