HTML <ul> Tag
ဥပမာ
မှာယူမထားသော HTML စာရင်း-
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
<ul>
tag သည် အစီအစဥ်မထားသော (ကျည်ဆံမပါ) စာရင်းကို သတ်မှတ်သည် ။
အစီအစဥ်မတင်ထားသောစာရင်းများဖန်တီးရန် တဂ်ကို <li><ul>
တဂ် နှင့် တွဲ သုံး ပါ။
အကြံပြုချက်- ပုံစံစာရင်း များအတွက် CSS ကိုသုံး ပါ ။
အကြံပြုချက်- မှာ ယူထားသောစာရင်းများအတွက်၊ <ol> တဂ်ကို အသုံးပြုပါ။
Browser ပံ့ပိုးမှု
Element | |||||
---|---|---|---|---|---|
<ul> | Yes | Yes | Yes | Yes | Yes |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<ul>
tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<ul>
tag သည် HTML ရှိ Event Attributes ကိုလည်း ပံ့ပိုး ပေးပါသည် ။
နောက်ထပ် ဥပမာများ
ဥပမာ
မတူညီသောစာရင်းစတိုင်အမျိုးအစားများ (CSS ဖြင့်) သတ်မှတ်ပါ-
<ul style="list-style-type:circle">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:disc">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:square">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
ဥပမာ
စာရင်းများတွင် မျဉ်းကြောင်းအမြင့်ကို ချဲ့ပြီး လျှော့ချပါ (CSS ဖြင့်)
<ul style="line-height:180%">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul
style="line-height:80%">
<li>Coffee</li>
<li>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 ရည်ညွှန်း- Ul Object
CSS ကျူတိုရီရယ်- ပုံစံရေးဆွဲခြင်းစာရင်းများ
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် <ul>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
ဥပမာ
ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}