HTML <li> Tag
ဥပမာ
အမှာစာတစ်ခု (<ol>) နှင့် မှာယူထားသော (<ul>) HTML စာရင်း-
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
တက် <li>
ဂ်သည် စာရင်းအကြောင်းအရာကို သတ်မှတ်သည်။
<li>
တဂ်ကို မှာယူထားသောစာရင်းများ( < ol> ) ၊ အစီခံမထားသောစာရင်းများ ( <ul> ) နှင့် မီနူးစာရင်းများ ( <menu> ) တွင် အသုံးပြုသည်။
<ul> နှင့် <menu> တွင်၊ စာရင်းအရာများကို အများအားဖြင့် ကျည်ဆန်အမှတ်များဖြင့် ပြသပါမည်။
<ol> တွင်၊ စာရင်းအရာများကို အများအားဖြင့် ဂဏန်းများ သို့မဟုတ် စာလုံးများဖြင့် ပြသပါမည်။
အကြံပြုချက်- ပုံစံစာရင်း များအတွက် CSS ကိုသုံး ပါ ။
Browser ပံ့ပိုးမှု
Element | |||||
---|---|---|---|---|---|
<li> | Yes | Yes | Yes | Yes | Yes |
ဂုဏ်တော်
Attribute | Value | Description |
---|---|---|
value | number | Only for <ol> lists. Specifies the start value of a list item. The following list items will increment from that number |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<li>
tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<li>
tag သည် HTML ရှိ Event Attributes များကိုလည်း ပံ့ပိုး ပေးပါသည် ။
နောက်ထပ် ဥပမာများ
ဥပမာ
မှာယူထားသောစာရင်းတွင် တန်ဖိုး attribute ကိုအသုံးပြုခြင်း-
<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
ဥပမာ
မတူညီသောစာရင်းပုံစံအမျိုးအစားများကို သတ်မှတ်ပါ (CSS ဖြင့်)
<ol>
<li>Coffee</li>
<li
style="list-style-type:lower-alpha">Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li
style="list-style-type:square">Tea</li>
<li>Milk</li>
</ul>
ဥပမာ
စာရင်းတစ်ခုအတွင်းတွင် စာရင်းတစ်ခုဖန်တီးပါ (အစုအဝေးစာရင်းတစ်ခု)-
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
ဥပမာ
ပိုမိုရှုပ်ထွေးသော အသိုက်အဝန်းစာရင်းကို ဖန်တီးပါ-
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea
<ul>
<li>China</li>
<li>Africa</li>
</ul>
</li>
</ul>
</li>
<li>Milk</li>
</ul>
ဆက်စပ်စာမျက်နှာများ
HTML သင်ခန်းစာ- HTML စာရင်းများ
HTML DOM ရည်ညွှန်း- Li Object
CSS ကျူတိုရီရယ်- ပုံစံရေးဆွဲခြင်းစာရင်းများ
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် <li>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
li {
display: list-item;
}