سبد (0)

آموزش‌های پیشنهادی فرادرس

تگ ol در HTML

مثال (تگ ol در HTML)

دو لیست مرتب متفاوت:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<olstart="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

خودتان امتحان کنید »

تعریف و کاربرد تگ ol در HTML

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

از تگ <li> برای آیتم های لیست استفاده می کنیم.

.


پشتیبانی مرورگرها از تگ ol در HTML

عنصر     
<ol>بلهبلهبلهبلهبله

نکته ها و ترفندها

نکته: برای لیست های نامرتب از تگ <ul> استفاده می کنیم.

نکته: برای استایل دادن به لیست ها از CSS استفاده می کنیم.


تفاوت بین HTML 4.01 و HTML5

استفاده از خصوصیت های "start" و "type" در  HTML 4.01 توصیه نمی شود، اما در HTML5 پشتیبانی می شود.

خصوصیت "reversed" در HTML5 جدید است.

خصوصیت "compact" در HTML5 پشتیبانی نمی شود.


خصوصیت ها

= جدید در HTML5.

خصوصیتمقدارتوضیحات
compactcompactدر HTML5 پشتیبانی نمی شود.
 مشخص می کند که لیست باید کوچکتر از حد نرمال نمایش داده شود.
reversedreversedمشخص می کند که لیست به صورت نزولی مرتب شود.(9 و 8 و 7 و...)
startnumberمقدار شروع لیست مرتب را مشخص می کند. 
type1
A
a
I
i
مشخص می کند که از چه نوع نشانگری در لیست استفاده شود.

ویژگی های عمومی تگ ol در HTML

تگ <ol> از ویژگی های عمومی در HTML پشتیبانی می کند.


رویدادهای عمومی تگ ol در HTML

تگ <ol> از رویدادهای عمومی در HTML پشتیبانی می کند.


آموزش های مرتبط

آموزش HTML-لیست ها 

مرجع اشیاء اچ تی ام ال: تگ ol در JavaScript 

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان