ဟန်တီ လက်တွေး <li> ချက်

  • အရှေ့လွှတ် <legend>
  • နောက်လွှတ် <link>

အသုံးပြုနည်းဥပဒေ

<li> အမှတ်အသုံးပြုထားသော

<li> အမှတ်အသုံးပြုထားသော<ol>) နှင့် အမှတ်အသုံးပြုထားသော<ul>) နှင့် စာလုံးလုံးများ လုံးလုံးစာလုံးများ<menu>) တွင်

<ul> နှင့် <menu> တွင်，စာလုံးလုံးများ အသုံးပြုထားသည်

<ol> တွင်，စာလုံးလုံးများ အမှတ်အသုံးပြုထားသည်

အကြောင်းကြားမှုCSS ကို အသုံးပြုပြီစာလုံးလုံးများ ဖွင့်ပေးပြီ.

အခြားကိုးကွယ်ရာ

HTML စာကြည်းHTML စာရင်း

HTML DOM ကိုးကွယ်ရာLi အရာ

CSS စာကြည်းစာလုံးလုံးများ ဖွင့်ပေးပြီ

အမှတ်အသုံးပြုထားသော

ဘာသာစကား 1

အမှတ်အသုံးပြုထားသော<ol>) နှင့် အမှတ်အသုံးပြုထားသော<ul>) မှတ်ချက် ကို HTML စာလုံးလုံးများ ဖွင့်ပေးပြီ

<ol>
  
  • 咖啡
    • 
  <li>ဂိုးရော့</li>
  <li>စားပြီ
</ol>
<ul>
  
  • 咖啡
    • 
  <li>ဂိုးရော့</li>
  <li>စားပြီ
</ul>

    ကိုယ်တိုင် ကြိုးစားလုပ်ကြည်း

    ဘာသာစကား 2

    အမှတ်အသုံးပြုထားသော value သုံးပြီ

    <ol>
  <li value="100">ကြီးပြင်းဆီ</li>
  <li>ဂိုးရော့</li>
  <li>စားပြီ
  <li>ကြီးပြင်းရေ</li>
  <li>ဆင်းစားရေ</li>
  <li>ဘီးလုံး</li>
</ol>

    ကိုယ်တိုင် ကြိုးစားလုပ်ကြည်း

    ဘာသာစကား 3

    အမျိုးမျိုးသော စာလုံးလုံးများ ဖွင့်ပေးပြီ

    <ol>
  
  • 咖啡
    • 
  <li style="list-style-type:lower-alpha">ဂိုးရော့</li>
  <li>စားပြီ
</ol>
<ul>
  
  • 咖啡
    • 
  <li style="list-style-type:square">ဂိုးရော့</li>
  <li>စားပြီ
</ul>

    ကိုယ်တိုင် ကြိုးစားလုပ်ကြည်း

    ဘာသာစကား 4

    စာအုပ်တစ်ခုတွင် စာလုံးလုံးစာလုံးများကို ဖွင့်ပေးပြီ

    <ul>
  
  • 咖啡
    • 
  
  • 茶
    <ul>
      
  • 普洱
    • 
      <li>ဂိုးရော့</li>
    </ul>
  </li>
  <li>စားပြီ
</ul>

    ကိုယ်တိုင် ကြိုးစားလုပ်ကြည်း

    例子 5

    创建一个更复杂的嵌套列表：

    <ul>
  
  • 咖啡
    • 
  
  • 茶
    <ul>
      
  • 普洱
    • 
      
  • 绿茶
        <ul>
          <li>ဘော်လ်တီစ်
          <li>ရိုးမှာ
        </ul>
      </li>
    </ul>
  </li>
  <li>စားပြီ
</ul>

    • ကိုယ်တိုင် ကြိုးစားလုပ်ကြည်း

    လက်ခံ

    လက်ခံ အချက်အလက် ဖော်ပြ
    value နှစ် သာ <ol> စာရင်းတွင် အသုံးပြုသည်။ စာရင်း အစပျိုး လက်ခံသည်။ နောက်သို့ စာရင်း အချက်အလက် အမှတ်ပုံးရပ်

    အကြီးအကျယ် လက်ခံ

    <li> အခမ်းအနား လက်ခံ လက်ခံ.

    HTML အကြီးအကျယ် လက်ခံ

    <li> အခမ်းအနား လက်ခံ HTML အခမ်းအနား လက်ခံ.

    လက်ဆင့်ချက်သား CSS အချက်အလက်

    အများစုသော ဘတ်သျှားများ အရပ်သွား အချက်အလက် <li> အရာများ

    li {
  display: list-item;
}

    ဘတ်သျှား ထောက်ပံ့

    Chrome Edge Firefox Safari Opera
    Chrome Edge Firefox Safari Opera
    ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့
    • အရှေ့လွှတ် <legend>
    • နောက်လွှတ် <link>