ہیٹل <li> کا تگ

تعریف و استعمال

<li> برچیب استعمال کریں تاکہ آئیٹم کا تعریف کریں。

<li> برچیب کا استعمال ترتیبی فهرست کیلئے:<ol>)، غیر ترتیبی فهرست (<ul>) اور منو فهرست (<menu>) میں。

در <ul> اور <menu> میں، فهرست کی آئیٹمز اکثراً آئیٹم سیمبل سے نمائش کی جاتی ہیں。

در <ol> میں، فهرست کی آئیٹمز اکثراً شمار یا حروف سے نمائش کی جاتی ہیں。

تذکرہ:CSS استعمال کریں:فهرست کا نمونہ قائم کریں.

مزید معلومات:

HTML درس:HTML کی فهرست

HTML DOM مرجع دستور زبان:Li شیئ

CSS درس:فهرست کا نمونہ قائم کریں

مثال

مثال 1

ایک ترتیبی (<ol>) اور ایک غیر ترتیبی (<ul>) کی HTML فهرست:

<ol>
  <li>کافی</li>
  <li>چای</li>
  <li>دودھ</li>
</ol>
<ul>
  <li>کافی</li>
  <li>چای</li>
  <li>دودھ</li>
</ul>

عجب زدگی سے کوشش کریں

مثال 2

ترتیبی فهرست میں value نمائش استعمال کریں:

<ol>
  <li value="100">کافی</li>
  <li>چای</li>
  <li>دودھ</li>
  <li>پروان پانی</li>
  <li>نئی میل</li>
  <li>بیر</li>
</ol>

عجب زدگی سے کوشش کریں

مثال 3

مختلف فهرست کا نمونہ قائم کریں (استفاده از CSS):

<ol>
  <li>کافی</li>
  <li style="list-style-type:lower-alpha">چای</li>
  <li>دودھ</li>
</ol>
<ul>
  <li>کافی</li>
  <li style="list-style-type:square">چای</li>
  <li>دودھ</li>
</ul>

عجب زدگی سے کوشش کریں

مثال 4

ایک فهرست میں ایک فهرست قائم کریں (ناکام فهرست):

<ul>
  <li>کافی</li>
  <li>چای</li>
    <ul>
      <li>پورچائن</li>
      <li>چای سبز</li>
    </ul>
  </li>
  <li>دودھ</li>
</ul>

عجب زدگی سے کوشش کریں

مثال 5

ایک پیچیدہ نیچل فہرست بنائیں:

<ul>
  <li>کافی</li>
  <li>چای</li>
    <ul>
      <li>پورچائن</li>
      <li>چای</li>
        <ul>
          <li>بیلوچن</li>
          <li>لونگ چین</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>دودھ</li>
</ul>

عجب زدگی سے کوشش کریں

نمائش

نمائش قیمت توضیح
قیمت نمبر فقط <ol> فہرست کیلئے استعمال ہوتا ہے۔ فہرست آئٹم کی شروعاتی قیمت کا نمائش کرتا ہے۔ بعد کی فہرست آئٹم سے اس کا نمائش ہوتا ہے۔

عالمی نمائش

<li> علامت کا استعمال HTML میں عالمی نمائش.

نوکشا کی نمائش

<li> علامت کا استعمال HTML میں واقعات کی نمائش.

ذاتی سی ایس ایس تنظیمات

بہترین براؤزرز کا استعمال کئے جانے والا ذاتی مقدار <li> عنصر:

li {
  دکھائی دیکھیں: لیست آئٹم
}

بھرپائی کا براہ راست

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
دستیابیت دستیابیت دستیابیت دستیابیت دستیابیت