การวิเคราะห์โดยย่อเกี่ยวกับการแนะนำและการใช้งาน Table และ div

ส่วนหน้าของเว็บ 1

ส่วนประกอบของแบบฟอร์ม:

ส่วนหัว ส่วนท้ายของเนื้อหา

ตารางกำหนดตาราง

 <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 มากขึ้นในอนาคต!