درس تنسيق الفقرات والقوائم [الأرشيف]

htmlao

16-01-2005, 05:57 AM

بسم الله ارحمن الرحيم

هذا درس عن كيفية تنسيق القوائم والفقرات ( بناء على طلب أحد الأعضاء ) لتعم الفائدة إن شاء الله

هنال أنواع عديدة للقوائم

1- قوائم متسلسلة (مرقمة)

مثل :
أولو العزم من الرسل هم
<ol>
<li> نوح عليه السلام
<li> إبراهيم عليه السلام
<li> موسى عليه السلام
<li> عيسى عليه السلام
<li> محمد عليه الصلاة والسلام
</ol>

وهاهو الكود :

<table border=1 align=center cellpadding=5 cellspacing=0 >
<tr>
<td>
<p dir=ltr align="left">
<ol>
<br><li> نوح عليه السلام
<br><li> إبراهيم عليه السلام
<br><li> موسى عليه السلام
<br><li> عيسى عليه السلام
<br><li> محمد عليه الصلاة والسلام
<br></ol>
</p>
</td>
</tr>
</table>

ملحوظة: ol = ordered list li = list item

2- القوائم غير المتسلسلة:

مثل:
<ul>
<li> نوح عليه السلام
<li> إبراهيم عليه السلام
<li> موسى عليه السلام
<li> عيسى عليه السلام
<li> محمد عليه الصلاة والسلام
</ul>

وهاهو الكود :

<table border=1 align=center cellpadding=5 cellspacing=0 >
<tr>
<td>
<p dir=ltr align="left">
<ul>
<br><li> نوح عليه السلام
<br><li> إبراهيم عليه السلام
<br><li> موسى عليه السلام
<br><li> عيسى عليه السلام
<br><li> محمد عليه الصلاة والسلام
<br></ul>
</p>
</td>
</tr>
</table>

ملحوظة: ul = unordered list li = list item

3- قوائم التعريف

وفكرتها أن الكلمة الرئيسية المراد تعريفها ( مثل أولو العزم من الرسل ) تعرف في شكل قائمة كالآتي :

<dl>
<dt> أولو العزم من الرسل
<dd> نوح عليه السلام
<dd> إبراهيم عليه السلام
<dd> موسى عليه السلام
<dd> عيسى عليه السلام
<dd> محمد عليه الصلاة والسلام
</dl>

وهاهو الكود :

<table border=1 align=center cellpadding=5 cellspacing=0 >
<tr>
<td>
<p dir=ltr align="left">
<dl>
<br><dt> أولو العزم من الرسل
<br><dd> نوح عليه السلام
<br><dd> إبراهيم عليه السلام
<br><dd> موسى عليه السلام
<br><dd> عيسى عليه السلام
<br><dd> محمد عليه الصلاة والسلام
<br></dl>
</p>
</td>
</tr>
</table>

ملحوظة: dl = definition list dt = defined title dd = defined definition

هكذا إنتهى الدرس البسيط
أرجو من الجميع الدعاء