لیست مرتب

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Html-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳ویرایشگرها
۴پایه
۵عنصرها
۶ویژگی‌ها
۷عنوان‌ها
۸پاراگراف‌ها
۹استایل‌ها
۱۰قالب‌بندی
۱۱نقل‌قول‌ها
۱۲توضیحات
۱۳رنگ‌ها
۱۴CSS
۱۵لینک‌ها
۱۶تصاویر
۱۷جداول
۱۸لیست‌ها
۱۹بلوک‌ها
۲۰کلاس‌ها
۲۱شناسه
۲۲Iframeها
۲۳جاوا اسکریپت
۲۴مسیرهای فایل
۲۵سرصفحه
۲۶چیدمان‌ها
۲۷واکنش‌گرا
۲۸کد کامپیوتری
۲۹معنایی‌ها
۳۰راهنمای استایل
۳۱موجودیت‌ها
۳۲نماد‌ها
۳۳ایموجی‌ها
۳۴مجموعه کاراکترها
۳۵رمزگذاری URL
۳۶HTML و XHTML
فرم‌های HTML
گرافیک در HTML
رسانه در HTML
APIها در HTML
مثال‌ها
مرجع HTML

تگ <ol> در HTML یک لیست مرتب شده را تعریف می کند. یک لیست مرتب شده می تواند شمارشی یا به صورت الفبا باشد.

لیست مرتب HTML

لیست مرتب با تگ <ol> آغاز می شود. هر آیتم لیست با تگ <li> آغاز می شود.

آیتم‌های لیست با اعداد نشانه‌گذاری می‌شوند:

مثال

1 <ol>
2   <li>Coffee</li>
3   <li>Tea</li>
4   <li>Milk</li>
5 </ol>


مشاهدهٔ نتیجه


لیست مرتب - ویژگی نوع

ویژگی type تگ <ol> نوع نشانگر آیتم لیست را مشخص می کند:

نوع تعریف
type="1" آیتم‌های لیست با اعداد شماره‌گذاری می‌شوند (پیش فرض)
type="A" آیتم‌های لیست با حروف بزرگ شماره‌گذاری می‌شوند
type="a" آیتم‌های لیست با حروف کوچک شماره‌گذاری می‌شوند
type="I" آیتم‌های لیست با اعداد رومی بزرگ شماره‌گذاری می‌شوند
type="i" آیتم‌های لیست با اعداد رومی کوچک شماره‌گذاری می‌شوند

Numbers (به فارسی: اعداد)

1 <ol type="1">
2   <li>Coffee</li>
3   <li>Tea</li>
4   <li>Milk</li>
5 </ol>


مشاهدهٔ نتیجه


Uppercase Letters (به فارسی: حروف بزرگ)

1 <ol type="A">
2   <li>Coffee</li>
3   <li>Tea</li>
4   <li>Milk</li>
5 </ol>


مشاهدهٔ نتیجه


Lowercase Letters (به فارسی: حروف کوچک)

1 <ol type="a">
2   <li>Coffee</li>
3   <li>Tea</li>
4   <li>Milk</li>
5 </ol>


مشاهدهٔ نتیجه


Uppercase Roman Numbers (به فارسی: اعداد رومی بزرگ)

1 <ol type="I">
2   <li>Coffee</li>
3   <li>Tea</li>
4   <li>Milk</li>
5 </ol>


مشاهدهٔ نتیجه


Lowercase Roman Numbers (به فارسی: اعداد رومی کوچک)

1 <ol type="i">
2   <li>Coffee</li>
3   <li>Tea</li>
4   <li>Milk</li>
5 </ol>


مشاهدهٔ نتیجه


کنترل شمارش لیست

بطور پیش فرض، یک لیست مرتب با شمارش از ۱ شروع می‌شود. اگر می‌خواهید از عدد خاصی آغاز شود، می‌توانید از ویژگی start استفاده کنید:

مثال

1 <ol start="50">
2   <li>Coffee</li>
3   <li>Tea</li>
4   <li>Milk</li>
5 </ol>


مشاهدهٔ نتیجه


لیست های HTML تودرتو

لیست‌ها می‌توانند تودرتو باشند (لیستی در لیست دیگر):

مثال

 1 <ul>
 2   <li>Coffee</li>
 3   <li>Tea
 4     <ul>
 5       <li>Black tea</li>
 6       <li>Green tea</li>
 7     </ul>
 8   </li>
 9   <li>Milk</li>
10 </ul>


مشاهدهٔ نتیجه

توجه: آیتم‌های لیست خود می‌توانند شامل لیست جدید، و عنصرهای دیگر HTML باشند مانند تصویر، لینک و غیره.

خلاصه بخش

  • از عنصر <ol> در HTML برای تعریف لیست مرتب استفاده کنید
  • از ویژگی type در HTML برای تعریف نوع شماره گذاری استفاده کنید
  • از عنصر <li> در HTML برای تعریف آیتم لیست استفاده کنید
  • لیست‌ها می‌توانند داخل لیست‌های دیگر بصورت تودرتو باشند
  • آیتم‌های لیست می‌توانند شامل عنصرهای HTML دیگری باشند

تمرین های HTML


منابع آموزشی