HTML Ordered List

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

اساطیر زبان

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

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

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

نوع توضیحات
نوع “۱” نوع پیش فرض است و موارد لیست با عدد شماره گذاری می شوند.
نوع “I” در این نوع، اجزای لیست با شماره های بزرگ رومی شماره گذاری می شوند.
نوع “i” در این نوع، اجزای لیست با شماره های رومی کوچک شماره گذاری می شوند.
نوع “A” در این نوع، موارد لیست با حروف بزرگ انگلیسی شماره گذاری می شوند.
نوع “a” در این نوع، موارد لیست با حروف کوچک انگلیسی شماره گذاری می شوند.

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

خروجی

HTML Ordered List

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

نام عنصر chrome browser Chrome ie browser IE firefox browser Firefox opera browser Opera safari browser Safari
<ol> بله بله بله بله بله

 

تفاوت پک های حرفه ای ما با آموزشهای رایگان: بطور خلاصه از زمین تا آسمان! 1-پکها، جدیدترین نسخه نرم افزارها را آموزش می دهند با قابلیت های بسیار بیشتر. 2-پکها توسط متخصص آن نرم افزار، به صورت کاملا پروژه محور و با حل چالش هایی که در مسیر کار عملی و حرفه ای با آن روبرو می شوید تهیه شده اند و بعد از استفاده، کاملا برای بازار کار آماده اید! 3- متد این پکها کاملا کار شده و تا ماهها، در ذهن تان ماندگارند و یادگیری بسیار سریعتر و کاملتری خواهید داشت. آموزشهای رایگان فقط دستورات نرم افزارها را (آنهم ناقص) بیان می کنند و تازه برای ورود به بازار باید ماهها تجربه عملی هم کسب کنید !!

turned_in

چرب زبان

با این اپلیکیشن ساده، هر زبانی رو فقط با 5 دقیقه در روز، توی 80 روز مثل بلبل حرف بزن! بهترین متد روز، تقویت حافظه، آموزش تصویری. یادگیری زبان کلید یادگیری هر مهارتی در قرن 21 !


حتما بخوانید!

2 دیدگاه. ارسال دیدگاه جدید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.

فهرست