قوائم الـ HTML

لغة الـ HTML تدعم القوائم المرتبة و القوائم غير المرتبة و القوائم التوضيحية.

القوائم غير المرتبة Unordered Lists

القوائم غير المرتبة هي قوائم لبنود أو عناصر محددة ، قوائم البنود تكون معلمة بعلامة مميزة مثل الكرة الصغيرة ، " تشبه دائرة صغيرة سوداء ".

القوائم غير المرتبة تبدأ بالوسم <ul> ، على أن يبدأ كل بند من بنود القائمة بالوسم <li> كما يتضح من المثال التالي :

<ul>
<li>رابط</li>
<li>متصفح</li>
</ul>

و تظهر القائمة من خلال المتصفح بالشكل التالي :

يمكنك وضع فقرات أو فواصل أسطر أو صور أو روابط أو قوائم أخرى ... الخ داخل عناصر القائمة.

القوائم المرتبة Ordered Lists

القوائم المرتبة هي أيضاً قوائم لبنود أو عناصر محددة ، لكن قوائم البنود المرتبة تكون معلمة بأرقام .

القوائم المرتبة تبدأ بالوسم <ol> ، على أن يبدأ كل بند من بنود القائمة بالوسم <li> كما يتضح من المثال التالي :

<ol>
<li>رابط</li>
<li>متصقح</li>
</ol>

و تظهر القائمة من خلال المتصفح بالشكل التالي :

يمكنك وضع فقرات أو فواصل أسطر أو صور أو روابط أو قوائم أخرى ... الخ داخل عناصر القائمة.

القوائم التوضيحية Definition Lists

القوائم التوضيحية ليست قوائم بنود و لكنها قوائم مصطلحات و شرح لتلك المصطلحات .

القوائم التوضيحية تبدأ بالوسم <dl> ، و كل مصطلح في القائمة يبدأ بالوسم <dt> ، و كل شرح توضيحي يبدأ بالوسم <dd> ، كما يتضح من المثال التالي:

<dl>
<dt>رابط</dt>
<dd>رابط موقعي</dd>
<dt>متصفح</dt>
<dd>متصح قوي وسريع</dd>
</dl>

و تظهر القائمة من خلال المتصفح بالشكل التالي :

رابط

متصفح

يمكنك وضع فقرات أو فواصل أسطر أو صور أو روابط أو قوائم أخرى ... الخ داخل الشرح بالقوائم التوضيحية.

وسوم القوائم

Tag	Description
<ol>	لتحديد قائمة مرتبة " مرقمة ".
<ul>	لتحديد قائمة غير مرتبة.
<li>	لتحديد عنصر قائمة.
<dl>	لتحديد قائمة توضيحية.
<dt>	لتحديد مصطلح مشروح.
<dd>	لتحديد شرح للتعريف.
<dir>	تم استبعاده استخدم <ul> بدلاً منه.
<menu>	تم استبعاده استخدم <ul> بدلاً منه.

Mr-Rahimo-News