كورس HTML | عمل قائمة | المحاضرة الحادية عشر




النموذج التعليمي
في هذا الدرس ستتعلم كيفية عمل قائمة تسلسلية من خلال الوسم <ol<</ol> و قائمة غير تسلسلية من خلال الوسم  <ul></ul>  في لغة html .


ترتيب المحاضرة
 المحاضرة الحادية عشر
مدة المحاضرة
7:25
نوع الكورس
HTML
نوع الدورة
دورة تصميم مواقع

لكي تصنع قائمة متسلسلة يجب ان تكتب الوسم <ol<</ol> و بداخله تكتب <li<</li> على حسب عدد العناصر في القائمة بمعنى انك لو اردت وضع خمس عناصر في القائمة فيجب كتابة خمسة من <li<</li> و لكي تفهم فكرة القائمة التسلسلية فيجب ان تعرف انها تبدأ بالعدد الاقل ثم الاعلى سواء كانت ارقام او حروف و تكون على شكل تسلسل كالمثال التالي .


الطريقة

<ol> <li>نص</li> <li>نص</li> <li>نص</li> <li>نص</li> </ol>

التأثير

1:نص

2:نص

3:نص

4:نص







لو اردت استبدال الارقام بالحروف فكل ما عليك هو كتابة

 type="A" 

داخل الوسم .
و هناك اشكل غير تلك ك a الصغيرة و i .

الطريقة

<ol type="A" > <li>نص</li> <li>نص</li> <li>نص</li> <li>نص</li> </ol>

التأثير

A;نص
B:نص
C:نص
D:نص





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


الطريقة

       <ul>
<li>نص</li>
<li>نص</li>
<li>نص</li>
<li>نص</li>
</ul>

التأثير

  • نص
  • نص
  • نص
  • نص




, لو اردت تغيير الشكل في القائمة فكل ما عليك فعله هو كتابة 

type="circle" 
type="square"
type="disc"

الطريقة

      <ul type="circle" >
<li>نص</li>
<li>نص</li>
<li>نص</li>
<li>نص</li>
</ul>

التأثير

  • نص
  • نص
  • نص
  • نص


No comments:

Post a Comment