تحليل موجز لمقدمة واستخدام الجدول وdiv

الواجهة الأمامية للويب 1

مكونات النموذج:

عنوان تذييل رأس النص

يحدد الجدول الجدول

 <حدود الجدول = "1" تباعد الخلايا = "0" حشو الخلايا = "0" محاذاة = "المركز">
</الجدول>

التسمية التوضيحية تحدد عنوان الجدول

 <caption>واجهة الويب/caption>النهاية 1<

يحدد Thead جزء الرأس

 <الرأس>
				<تر>
					<th>رقم هوية الطالب</th>
					<th>الاسم</th>
					<th>الجنس</th>
					<th>العمر</th>
				</tr>
			</الرأس>

يحدد Tbody نص الجدول

 <الجسم>
				<تر>
					<td>01</td>
					<td>تشانغ سان</td>
					<td>ذكر</td>
					<td>20</td>
				</tr>
				<تر>
					<td>02</td>
					<td>李思</td>
					<td>أنثى</td>
					<td>21</td>
				</tr>
				<قدم>
					<تر>
						<td colspan="3">إجمالي عدد الأشخاص:</td>
						<td>60</td>
					</tr>
				</تفوت>
			</tbody>

يحدد Tfoot تذييل الجدول، عادةً لعرض معلومات تلخيصية

 <قدم>
					<تر>
						<td colspan="3">إجمالي عدد الأشخاص:</td>
						<td>60</td>
					</tr>
				</تفوت>

يحدد Tr خطًا

 <تر>
					<th>رقم هوية الطالب</th>
					<th>الاسم</th>
					<th>الجنس</th>
					<th>العمر</th>
				</tr>

يحدد Th td عناصر البيانات (الخلايا) ويستخدم بشكل عام لرؤوس الجدول وله نمط غامق

يستخدم Td عمومًا للجزء الرئيسي، بدون أسلوب جريء

 <تر>
					<td>01</td>
					<td>تشانغ سان</td>
					<td>ذكر</td>
					<td>20</td>
				</tr>

يحدد Td Rowspan وColspan على التوالي عدد الصفوف والأعمدة التي تغطيها الخلية.

 <td colspan="3">إجمالي عدد الأشخاص:</td>

يحدد تباعد الخلايا التباعد بين الجداول

يحدد Cellpadding هوامش الجدول

 <حدود الجدول = "1" تباعد الخلايا = "0" خلية الحشو = "10">

يحدد Div القسمة

 <div style="width: 200px;height: 200px;background-color:skyblue";>

الميزة: عرض التسميات على مستوى الكتلة على سطر جديد

الفرق بين العلامات على مستوى الكتلة والعلامات المضمنة:

تشغل العلامات على مستوى الكتلة الصف بأكمله وسيتم ترتيب العلامات المضمنة بالترتيب من اليسار إلى اليمين.

العلامات على مستوى الكتلة: h1-h6 p ul ol li div table dl form

التسمية المضمنة: تمتد إلى br lable I em

خصائص العناصر على مستوى الكتلة: العرض: الكتلة

تبدأ كل كتلة من سطر جديد، وستبدأ العناصر اللاحقة سطرًا جديدًا. يمكن ضبط العرض والارتفاع وارتفاع الخط والهوامش الداخلية والخارجية للعنصر 100% من الحاوية الأصلية، إلا إذا قمت بتعيين الارتفاع له

خصائص العناصر المضمنة: العرض: مضمن

كلها على نفس السطر مثل العناصر الأخرى. لا يمكن تعيين العرض والارتفاع وارتفاع الخط والهوامش الداخلية والخارجية للعنصر. عرض العنصر هو عرض النص أو الصورة التي يحتوي عليها ولا يمكن تغييره .

خصائص عناصر الكتلة المضمنة: العرض: كتلة مضمنة

والعناصر الأخرى كلها على نفس الخط، ويمكن ضبط العرض والارتفاع وارتفاع الخط والهوامش الداخلية والخارجية.

تلخيص

بهذا نختتم هذه المقالة حول المقدمة الموجزة عن Table وdiv. لمزيد من المعلومات حول مقدمة واستخدام Table وdiv، يرجى البحث في المقالات السابقة على downcodes.com أو الاستمرار في تصفح المقالات ذات الصلة التالية، يرجى دعم الرموز السفلية. كوم أكثر في المستقبل!