‎‎ليست هاي بدون ترتيبHTML Unordered Lists -‎

‎براي تعريف ليست بدون ترتيب از تگ‎<ul>‎ استفاده ميشود .اين نوع ليست را ليست ‎مارك دار هم ميگويند.

‎‎ليست بدون ترتيبUnorderd HTML list -‎

‎يك ليست نامرتب با تگ‎<ul>‎ شروع ميشود .عناصر اين ليست هم با تگ ‎<li>‎‎معرفي ميشوند.

‎‎عناصر اين ليست بصورت پيش فرض با دايره كوچگ توپرياballets علامت گذاري ميشوند .

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>  

‎‎ليست نامرتب با انتخاب علامتUnorderd HTML lList-‎ Choose List Item Marker -‎

‎انتجاب علامت عناصر ليست بدون ترتيب باCSS ‎list-‎style-‎type‎ مقدار دهي ميشود . ‎مقادير زير براي علائم عناصر ليست مورد استفاده قرار ميگيرد.

‎‎مثال ـ علامت ديسك

<ul style="list-style-type:disc;">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>  

‎‎مثال ـ علامت دايره

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

‎‎مثال ـ علامت مربع

<ul style="list-style-type:square;">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

‎‎مثال ـ هيچكدام يا بدون علامت

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

‎‎ليست هاي تودر توNested HTML Lists-‎

‎‎ليست ها درHTML ميتوانند تو در تو باشند، يعني ليستي در داخل ليست ديگر .

‎‎مثال ـ ليست تو در تو

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

‎‎ليست افقيHorizontal List with CSS -‎

‎ليست هايHTML با امكاناتCSS ميتواند بفرمهاي مختلف تنظيم شوند .يكي از روشهاي مورد توجه ‎حالت افقي ليست بوده كه مشابه منوي پيمايشي است.

‎‎مثال ـ ليست افقي با امكاناتCSS

‎‎خلاصه مطالب فصلChaper Summary -‎

‎
1. ‎‎با تگ‎<ul>‎ يك ليست بدون ترتيب معرفي ميشود.
2. ‎‎باCSS ‎list-‎style-‎type ميتوان علامت عنصر ليست را مشخص كرد.

‎‎عنصري از ليست را با‎<li>‎ تعريف ميكنند.

3. ‎‎ليست ها ميتوانند تو در تو با.شند.
4. ‎‎عنصر ليست ميتواند شامل عناصرHTML باشد.
5. ‎‎بااستفاده از ويژگيCSS ‎float:left‎ نمايش ليست افقي ميشود.
‎

‎‎جدول تگهاي مورد استفاده در ليستHTML

‎‎مرجع كامل تگهايHTML

‎‎‎مرجع كامل تگهاي HTML

HTML tutorial آموزش اچ تی ام ال

HTML Forms فرمهای اچ تی ام ال

HTML Graphicsگرافیک اچ تی ام ال

HTML Media رسانه

HTML APIs

HTML References

Sitemap Protocol