۲
آذر

جلسه ۷۴ : آموزش کار با تگ ol در HTML

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزشی

فهرست

مقدمه

سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه گذشته آموختیم که چگونه با تگ object کار نماییم؛ به کمک این تگ می توان چیزی ( چیزهایی مانند مانند صدا ، فیلم ، اپلت های جاوا ، ActiveX ، PDF و Flash ) را درون یک سند HTML تعریف کرد.
در این جلسه قصد داریم آموزش کار با تگ ol در HTML را به علاقمندان این دوره ارائه نماییم.

آموزش کار با تگ ol در HTML

به مثال زیر توجه نمایید.
در این مثال دو لیست مرتب شده متفاوت را مشاهده می نمایید.

مثال :

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

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

<ol>

<li>Coffee</li>

</ol>

<li>Coffee</li>

</ol>

تعریف و کاربرد

تگ ol یک لیست مرتب شده را تعریف می کند.
یک لیست مرتب شده نیز می تواند به صورت عددی ( تعدادی از اعداد ) یا الفبایی ( تعدادی از حروف الفبا ) باشد.

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

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

نکات و توصیه ها

توصیه ۱

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

توصیه ۲

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

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

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

خصیصه reversed در HTML5 خصیصه جدیدی محسوب می شود.
خصیصه compact در HTML5 پشتیبانی نمی شود.

خصیصه ها

خصیصه	مقدار	توضیحات
compact	compact	این خصیصه مشخص می کند که لیست باید کوچکتر از حالت عادی باشد. این خصیصه در HTML5 پشتیبانی نمی شود.
reversed	reversed	این خصیصه مشخص می کند که ترتیب لیست باید نزولی باشد (… و ۹،۸،۷)
start	number	این خصیصه نقطه شروع شماره گذاری آیتم های لیست مرتب شده را تعیین می کند.
type	۱ A a I i	این خصیصه نیز نوع نشانگر استفاده در لیست را مشخص می کند.

خصیصه های سراسری Global Attributes

تگ <ol> از خصیصه های سراسری در HTML پشتیبانی می کند.

خصیصه رویداد Event Attributes

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

تنظیمات پیش فرض CSS

بیشتر مرورگرها عنصر <ol> را با مقادیر پیش فرض زیر نمایش می دهند:

مثال :

ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

ol {

display: block;

list-style-type: decimal;

margin-top: 1em;

margin-bottom: 1em;

margin-left: 0;

margin-right: 0;

padding-left: 40px;

}

کلام آخر

در این جلسه به آموزش کار با تگ ol در HTML پرداختیم و آموختیم که تگ ol یک لیست مرتب شده را تعریف می کند.
در جلسه آینده با آموزش تگ optgroup به سراغ شما می آییم.
با پی وی لرن همراه باشید.

QR: جلسه ۷۴ : آموزش کار با تگ ol در HTML

به اشتراک بگذارید

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)