لیست مرتب
< 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
منابع آموزشی