در اين بخش از
دوره آموزش HTML در آموزش دون
، با تگ
<ol> آشنا ميشويم. اين تگ براي ايجاد فهرستهاي مرتب (Ordered List) در صفحات وب استفاده
ميشود.
تگ ol در HTML چيست؟
تگ <ol> فهرستي از آيتمها ايجاد ميکند که بهصورت خودکار شمارهگذاري ميشوند.
هر آيتم در داخل تگ <li> قرار ميگيرد.
مثال ساده از تگ ol
<ol>
<li>آيتم اول</li>
<li>آيتم دوم</li>
<li>آيتم سوم</li>
</ol>در اين مثال، مرورگر بهصورت خودکار شمارهها را براي هر آيتم اضافه ميکند.
ويژگيهاي مهم تگ ol
| ويژگي | توضيح |
|---|---|
| type | نوع شمارهگذاري (مثلاً 1, A, a, I, i) |
| start | شروع شماره از مقدار مشخص شده |
| reversed | شمارهها را بهصورت معکوس نمايش ميدهد |
مثال پيشرفته با ويژگيها
<ol type="A" start="3" reversed>
<li>آيتم اول</li>
<li>آيتم دوم</li>
<li>آيتم سوم</li>
</ol>در اين مثال، شمارهگذاري با حروف بزرگ انگليسي شروع ميشود و از شماره ? شروع شده و معکوس نمايش داده ميشود.
نکات مهم درباره ol
- براي هر آيتم حتماً از تگ
<li>استفاده کنيد. - ميتوان با CSS ظاهر شمارهها و فاصلهها را سفارشي کرد.
- تگ
<ol>براي فهرستهاي مرتب و تگ<ul>براي فهرستهاي نامرتب کاربرد دارد.
براي يادگيري کامل ساخت فهرستها و منوها در صفحات وب، پيشنهاد ميکنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.
براي مشاهده تمام آموزشهاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.
آموزش قبلي: تگ object در HTML
آموزش بعدي: تگ optgroup در HTML
دیدگاه و پرسش