HTML الدرس السادس فى

Lists

-هى عملية انشاء القوائم وتنقسم الى ثلاث انواع من القوائم هى:

(1)Unordered Lists:

وهى النوع الاول من انشاء القوائم وهذا النوع ينشا قوائم غير مرتبة ويتم انشائها بتاج يسمى <ul></ul> وهذا التاج يحتوى على تاج اخر مرتبط معة وهو المسئول عن تكوين عناصر القائمة وهو <li> </li> كما فى المثال التالى:

<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>

وتظهر بصفحة الويب كالتالى:

  • HTML
  • CSS
  • JavaScript

(2)Ordered Lists:

وهى النوع الثانى من انشاء القوائم حيث القوائم المرتبة وهو نفس الفكرة مع تعديل تاج <ul> </ul> بتاج <ol> </ol>كالتالى:

<ol>

<li>HTML</li>
<li>CSS</li>

<li>JavaScript</li>
</ol>

وتظهر بصفحة الويب كالتالى:

  1. HTML
  2. CSS
  3. JavaScript

(3)Description Lists:

وهذا النوع من القوائم لا يستخدم بكثرة فالمهم الحالتين السابقتين واليك مثال يشرح استخدامها:

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

وتظهر بصفحة الويب كالتالى:

Coffee

– black hot drink

Milk

– white cold drink

Advertisements

ضع تعليقك هنا

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: