آموزش لیست مرتب یا لیست شماره گذاری شده در HTML

لیست مرتب یا شماره گذاری شده اجزاء را در قالب شماره گذاری نشان می دهد. از تگ ol برای تعریف لیست مرنب استفاده می شود. می لیست مرتب موارد را در قالب ترتیب عددی یا حروف الفبا و یا هر قالب مرتب دیگری نمایش می دهد. انواع مختلفی از لیست مرتب وجود دارد:

• شماره عددی (۱ ، ۲ ، ۳)
• حروف بزرگ رومی (I, II, III)
• حروف کوچک رومی (i, ii, iii)
• حروف بزرگ انگلیسی (A, B, C)
• حروف کوچک لاتین (a, b, c)

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

نوع	توضیحات
نوع “۱”	نوع پیش فرض است و موارد لیست با عدد شماره گذاری می شوند.
نوع “I”	در این نوع، اجزای لیست با شماره های بزرگ رومی شماره گذاری می شوند.
نوع “i”	در این نوع، اجزای لیست با شماره های رومی کوچک شماره گذاری می شوند.
نوع “A”	در این نوع، موارد لیست با حروف بزرگ انگلیسی شماره گذاری می شوند.
نوع “a”	در این نوع، موارد لیست با حروف کوچک انگلیسی شماره گذاری می شوند.

مثال از لیست مرتب در HTML

در اینجا برای انواع لیست مرتب مثال آورده ایم.

مثال نوع “۱”

<ol>

 <li>HTML</li>

 <li>Java</li>

 <li>JavaScript</li>

 <li>SQL</li>

</ol>

خروجی

1. HTML
2. Java
3. JavaScript
4. SQL

مثال نوع “I”

<ol type=”I”>

 <li>HTML</li>

 <li>Java</li>

 <li>JavaScript</li>

 <li>SQL</li>

</ol>

خروجی

1. HTML
2. Java
3. JavaScript
4. SQL

مثال نوع “i”

<ol type=”i”>

 <li>HTML</li>

 <li>Java</li>

 <li>JavaScript</li>

 <li>SQL</li>

</ol>

خروجی

1. HTML
2. Java
3. JavaScript
4. SQL

مثال نوع “A”

<ol type=”A”>

 <li>HTML</li>

 <li>Java</li>

 <li>JavaScript</li>

 <li>SQL</li>

</ol>

خروجی

1. HTML
2. Java
3. JavaScript
4. SQL

مثال نوع “a”

<ol type=”a”>

 <li>HTML</li>

 <li>Java</li>

 <li>JavaScript</li>

 <li>SQL</li>

</ol>

خروجی

1. HTML
2. Java
3. JavaScript
4. SQL

صفت start

صفت start با تگol استفاده می شود تا نقطه شروع آیتم های لیست را مشخص کند. مثال های زیر انواع لیست مرتب را نشان می دهند که شماره لیست از مقدار پنجم نوع لیست شروع می شوند.

<ol type=”1″ start=”5″> : شماره ترتیب لیست با مقدار “۵” شروع می شود.

<ol type=”A” start=”5″>: شماره ترتیب لیست با حرف “E” شروع می شود.

<ol type=”a” start=”5″> : شماره ترتیب لیست با حرف “e” شروع می شود

<ol type=”I” start=”5″>: شماره ترتیب لیست با حرف “V” شروع می شود.

<ol type=”i” start=”5″>: نشان می دهد که شماره ترتیب لیست با حرف “v” شروع می شود.

مثال

<ol type=”i” start=”5″>

 <li>HTML</li>

 <li>Java</li>

 <li>JavaScript</li>

 <li>SQL</li>

</ol>

خروجی

1. HTML
2. Java
3. JavaScript
4. SQL

صفت reversed

یک صفت بولین (دو مقداری) از تگ <ol> در نسخه جدید html5است. این صفت شماره های لیست را به ترتیب نزولی (۷، ۶، ۵، ۴ …… ۱) نمایش می دهد.

مثال

<ol reversed>

<li>HTML</li>

<li>Java</li>

<li>JavaScript</li>

<li>SQL</li>

 </ol>

خروجی

مرورگرهای پشتیبان

نام عنصر	Chrome	IE	Firefox	Opera	Safari
<ol>	بله	بله	بله	بله	بله

همه درس ها به ترتیب

---

مبانی اولیه

---

1.  مقدمه
2.  HTML چیست؟
3.  ویرایشگران متنی
4.  اجزای سازنده
5.  تگ ها
6.  صفات
7.  عناصر
8.   قالب بندی
9.  سرتیتر (عنوان)
10. پاراگراف
11.  تگ های عبارتی
12.  تگ (لینک)
13.  تصویر 
14.  جدول 
15.  لیست
16.  لیست مرتب/لیست شماره گذاری شده
17.  لیست نامرتب/لیست بالت
18.  لیست توضیحات/لیست تعریف
19.  فرم ها
20.  انواع ورودی فرم
21.  صفت فرم
22.  سبک دهی
23.  کامنت/توضیحات
24.  مسیرهای فایل
25.  عنصر head
26.  طرح بندی/چینش
27.  شیوه های طرح بندی
28.  واکنش گرایی
29.  کد کامپیوتری
30.  موجودیت ها
31.  نمادها 
32.  Charset 
33.  رمزگذاری URL