HTML <li> ຕາມສັນຍາວ

  • ບ່ອນກັບຄືນ <legend>
  • ບ່ອນໄປຕໍ່ໄປ <link>

ການສະຫຼຸບແລະການນໍາໃຊ້

<li> ອີກຂອງ <li>.

<li> ອີກຂອງ <ol>.<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>

ທົດລອງດີຂອງເທັກພວກເຂົາເຈົ້າ

ປະເພດ

ປະເພດ ຄວາມຕົກລົງ ອະທິບາຍ
value ຈຳນວນ ພຽງແຕ່ <ol> ລາຍການ. ປະກອບຄຳໃນລາຍການ. ລາຍການຕໍ່ໄປຈະຕົວຈາກຕົວຄຳນີ້.

ຜົນງານວັດທະນະທີ

<li> ປະເພດຍັງສະຫຼຸບ ຜົນງານວັດທະນະທີທົງໄປ.

ຜົນງານວັດທະນະທີ

<li> ປະເພດຍັງສະຫຼຸບ ຜົນງານວັດທະນະທີ HTML.

ການການປັບສັບ CSS ຜູ້ບໍລິໂພກ

ສິ່ງທີ່ສ່ວນຫຼາຍບັນດາບາຣີເຊີຈະສະແດງຄືກັນນີ້ <li> ບັນດາປະເພດ:

li {
  display: list-item;
}

ການສະໜັບສະໜູນບັນດາບາຣີເຊີ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ
  • ບ່ອນກັບຄືນ <legend>
  • ບ່ອນໄປຕໍ່ໄປ <link>