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

تم تحميل الصفحة في 1,4521468 ثانية
شامل في تعلم HTML القوائم
إنضم
10 يناير 2018
المشاركات
542
الإعجابات
509
النقاط
93
الإقامة
Morocco

القوائم أو Lists
الوائم هيا ما يجعل الصفحة أكتر تنظيم وتضيف اليها CSS و JavaScript إضافات رائعة كل القوائم المندسل التي ترها هيا
قوائم html في الأساس مهما كانت رائعة ومنظمة
هناك نوعان من القوائم
قوائم منقطة
قوائم مرقمة
سوف تجدون خلال البحت في المحتويات الغير العربية قوائم مرقمة وغير مرقمة نفس الأمر
 
إنضم
10 يناير 2018
المشاركات
542
الإعجابات
509
النقاط
93
الإقامة
Morocco
القوائم المنقطة 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>
 
إنضم
10 يناير 2018
المشاركات
542
الإعجابات
509
النقاط
93
الإقامة
Morocco
القوائم المرقمة 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>
 
إنضم
10 يناير 2018
المشاركات
542
الإعجابات
509
النقاط
93
الإقامة
Morocco
التعليقات داخل القوائم أو القوائم مع وصوف Description Lists

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

متال :

HTML:
<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>
 
إنضم
10 يناير 2018
المشاركات
542
الإعجابات
509
النقاط
93
الإقامة
Morocco
القوائم المظمنة 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

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