‎‎ليست هاي مرتبHTML Ordered Lists -‎

Previous >    <Next  

‎باHTML ‎<ol>‎ ليست مرتب يا ترتيب دار تعريف ميشود .ترتيب ليست ميتوان عددي يا ‎حروفي(alphabetical) ‎باشد.

‎‎ليست مرتبOrdered HTML List -‎

‎ليست مرتب درHTML با تگ ‎<ol>‎ شروع ميشود، وعناصر ليست با ‎<li>‎‎معرفي ميشوند .

‎‎مثال ـ ليست مرتب

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

--(go to editor for change code and run)

‎

‎‎نكته ـ ليست مرتب بصورت پيش فرض داراي رديف عددي است.

‎‎ليست مرتب با ويژگي نوع رديفOrdered HTML List whit Type Attribute -‎

‎با ويژگي‎type‎ نوع رديف بندي عناصر ليست مرتب را مشخص ميكنند .مقادير اين ويژگي ‎براي رديف بندي مطابق جدول زيراست.

‎
‎type‎ ‎‎شرح
‎ type="1" ‎‎عناصرليست به ترتيب داراي شماره عددي(پيش فرض(
‎ type="A" ‎‎ترتيب گذاري با حروف بزرگ
‎ type="a" ‎‎ترتيب گذاري با حروف كوچك
‎ type="I" ‎‎ترتيب گذاري رومي با حروف بزرگ
‎ type="i" ‎‎ترتيب گذاري رومي با حروف كوچك

‎‎مثال ـ شماره گذاري عدديtype=‎"1‎"‎

‎ 
<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

--(go to editor for change code and run)

‎‎مثال ـ ترتيب گذاري با حروف بزرگtype=‎"A‎"‎

‎ 
<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

--(go to editor for change code and run)

‎‎مثال ـ ترتيب گذاري با حروف كوچكtype=‎"a‎"‎

‎ 
<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

--(go to editor for change code and run)

‎‎مثال ـ ترتيب گذاري رومي با حروف بزرگtype=‎"I‎"‎

‎ 
<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

--(go to editor for change code and run)

‎‎مثال ـ ترتيب گذاري رومي با حروف كوچكtype=‎"i‎"‎

‎ 
<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

--(go to editor for change code and run)

‎‎كنترل شمارنده ليستControl List Counting -‎

‎بصورت پيش فرض شمارنده ليست مرتب از يك شروع ميكند .اگر بخواهيم از عدد ديگري شروع نمايد با ‎ويژگي‎start‎ در تگ ‎<ol>‎ مقدار شروع ليست را معرفي ميكنند .

‎مقدار‎start‎ عددي اعلام ميشود، اما براي حالات مختلف type متناسب با آن شماره ‎رديف تنظيم ميگردد .در مثال زير اين مطلب نشان داده شده است.

‎‎مثال ـ نمونه ليست مرتب با ويژگي‎start‎

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

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

--(go to editor for change code and run)

‎‎ليست هاي تودرتوNested HTML Lists -‎

‎‎مثال ـ ليست تودر تو

‎ 
<ol>
  <li>Coffee</li>
  <li>Tea
    <ol>
      <li>Black tea</li>
      <li>Green tea</li>
    </ol>
  </li>
  <li>Milk</li>
</ol>

--(go to editor for change code and run)

‎

‎نكته ـ يك عنصر ليست يعني‎<li>‎ ميتواند شامل ليست ديگر يا عناصر ديگرHTML مثل ‎تصوير، پيوندو ...باشد.

‎‎خلاصه فصلChapter Summary -‎

    ‎
  1. ‎‎بااستفاده از عنصر‎<ol>‎يك ليست مرتب تعريف ميشود.
  2. ‎‎باويژگيHTML ‎type‎ نوع رديف بندي ليست مشخص ميشود.
  3. ‎‎بااستفاده از عنصر‎<li>‎ يك رديف ليست تعريف ميشود.
  4. ‎‎ليست ها ميتوانند تودرتو باشند.
    5. ‎

‎‎يك عنصر ليست ميتواند شامل عناصرديگرHTML باشد

‎‎جدول تگ هاي مورد استفاده در ليستهايHTML

‎
‎‎تگ ‎‎شرح
‎‎<ul>‎‎‎ ‎‎ليست بدون ترتيب را معرفي ميكند.
‎<ol> ‎‎ليست ترتيبي را معرفي مي نمايد
‎<li> ‎‎مو ردي از فهرست ليست تعريف مي نمايد
‎<dl> ‎‎شرح ليست را معرفي ميكند.
‎<dt> ‎‎.‎موضوع يا نامي را در شرح ليست معرفي ميكند.
‎<dd> ‎‎موضوعي در ليست توضيحات را معرفي ميكند

‎‎مرجع كامل تگهايHTML

‎‎‎مرجع كامل تگهاي HTML

Previous >    <Next