شامل في تعلم HTML القوائم

تم تحميل الصفحة في 1,8771319 ثانية
شامل في تعلم HTML القوائم

X0R

ExpErt DeveloPer
rankrankrank
إنضم
10 يناير 2018
المشاركات
618
الإعجابات
608
النقاط
93
الإقامة
المغرب

القوائم أو Lists
الوائم هيا ما يجعل الصفحة أكتر تنظيم وتضيف اليها CSS و JavaScript إضافات رائعة كل القوائم المندسل التي ترها هيا
قوائم html في الأساس مهما كانت رائعة ومنظمة
هناك نوعان من القوائم
قوائم منقطة
قوائم مرقمة
سوف تجدون خلال البحت في المحتويات الغير العربية قوائم مرقمة وغير مرقمة نفس الأمر
 

X0R

ExpErt DeveloPer
rankrankrank
إنضم
10 يناير 2018
المشاركات
618
الإعجابات
608
النقاط
93
الإقامة
المغرب
القوائم المنقطة Unordered List
الوسم الخاص بالقائمة <ul>
الوسم الخاص بالمحتويات <li>

متال :

HTML:
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
إضافة خصائص وجمالية على القائمة المنقطة

Disc

HTML:
<ul style="list-style-type:disc">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
Circle
دائرة فارغة

HTML:
<ul style="list-style-type:circle">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

Square مربعات

HTML:
<ul style="list-style-type:square">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
None فارغة

HTML:
<ul style="list-style-type:none">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
 

X0R

ExpErt DeveloPer
rankrankrank
إنضم
10 يناير 2018
المشاركات
618
الإعجابات
608
النقاط
93
الإقامة
المغرب
القوائم المرقمة Ordered List

الوسم الخاص بالقائمة <ol>
الوسم الخاص بالمحتويات <li>

متال :
HTML:
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
طريق تنظيم القوائم المرقمة

Numbers أرقام
HTML:
<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Uppercase Letters حروف كبيرة

HTML:
<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Lowercase Letters حروف صغيرة

HTML:
<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Uppercase Roman Numbers أرقام رومانية كبيرة
HTML:
<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Lowercase Roman Numbers أرقام رومانية صغيرة
HTML:
<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
 

X0R

ExpErt DeveloPer
rankrankrank
إنضم
10 يناير 2018
المشاركات
618
الإعجابات
608
النقاط
93
الإقامة
المغرب
التعليقات داخل القوائم أو القوائم مع وصوف Description Lists

تختلف القائمة الوصفية في قليل عن باقي القوائم الانها تحمل داخلها وصف لكل عنصر

متال :

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

X0R

ExpErt DeveloPer
rankrankrank
إنضم
10 يناير 2018
المشاركات
618
الإعجابات
608
النقاط
93
الإقامة
المغرب
القوائم المظمنة Nested Lists

هيا قوائم تحمل داخلها قوائم أخرة
متال :


HTML:
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>
 

الأعضاء النشطين حاليآ الذين يشاهدون هذا الموضوع (1 عضو و 0 ضيف)

خيارات الاستايل

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

إرجاع خيارات الإستايل