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

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

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

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

مثال از لیست مرتب در 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>

خروجی

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