HTML <ul> ປະເພດ

  • ບ່ອນໜ້າຫນັງ <u>
  • ບ່ອນໜ້າຫນ້າ <var>

ການສະເໜີວິດີໂອ:

<ul> ການກຳນົດ ແລະ ການນໍາໃຊ້:

ໃຊ້ <ul> ອັນຕະລາຍທີ່ມີອັນຕະລາຍ. <ul> ໃຊ້ <ul> ແລະ <li> ອັນຕະລາຍທີ່ບໍ່ມີອັນຕະລາຍ.

ຄຳແນະນຳ:ນຳໃຊ້ CSS ເພື່ອ:ການກຳນົດປະເພດລະບົບ:.

ຄຳແນະນຳ:ສຳລັບລະບົບອັນຕະລາຍທີ່ມີອັນຕະລາຍ, ນຳໃຊ້: <ol> ອັນຕະລາຍ.

ບໍ່ບໍ່ບັນທຶກ:

ການສອນ HTML:HTML ລາຍການ

ປື້ມການປົກຄອງ HTML DOM:ບັນດາອັນຕະລາຍ Ul:

ການສອນ CSS:ການກຳນົດປະເພດລະບົບ:

ຄວາມຈິງ

ຕົວຢ່າງ 1

ລະບົບ HTML ລະບາຍທີ່ບໍ່ມີອັນຕະລາຍ:

<ul>
  <li>ກາບ</li>
  <li>ກາ</li>
  <li>ນົມ</li>
</ul>

ພະຍາຍາມພຽງພໍ

ຕົວຢ່າງ 2

ການກຳນົດປະເພດລະບົບທີ່ແຕກຕ່າງກັນ (ນຳໃຊ້ CSS):

<ul style="list-style-type:circle">
  <li>ກາບ</li>
  <li>ກາ</li>
  <li>ນົມ</li>
</ul>
<ul style="list-style-type:disc">
  <li>ກາບ</li>
  <li>ກາ</li>
  <li>ນົມ</li>
</ul>
<ul style="list-style-type:square">
  <li>ກາບ</li>
  <li>ກາ</li>
  <li>ນົມ</li>
</ul>

ພະຍາຍາມພຽງພໍ

ຕົວຢ່າງ 3

ຂະຫຍາຍແລະຫຼຸດຄວາມສູງຂອງວົງໃນລະບົບ (ນຳໃຊ້ CSS):

<ul style="line-height:180%">
  <li>ກາບ</li>
  <li>ກາ</li>
  <li>ນົມ</li>
</ul>
<ul style="line-height:80%">
  <li>ກາບ</li>
  <li>ກາ</li>
  <li>ນົມ</li>
</ul>

ພະຍາຍາມພຽງພໍ

ຕົວຢ່າງ 4

ສ້າງລະບົບລະບາຍອີກຄັ້ງໃນລະບົບລະບາຍ:

<ul>
  <li>ກາບ</li>
  <li>ກາ
    <ul>
      <li>ຫູວຽງ
      <li>ກາເຈັນ</li>
    </ul>
  </li>
  <li>ນົມ</li>
</ul>

ພະຍາຍາມພຽງພໍ

ຕົວຢ່າງ 5

ສ້າງລະບົບລະບັບລະບາຍຫຼັງທີ່ຫຼາຍກວ່າ:

<ul>
  <li>ກາບ</li>
  <li>ກາ
    <ul>
      <li>ຫູວຽງ
      <li>ຫູວຽງ
        <ul>
          <li>ຫູວຽງປາວ</li>
          <li>ຫູວຽງ</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>ນົມ</li>
</ul>

ພະຍາຍາມພຽງພໍ

ການປະຕິບັດການ

<ul> ປະເພດຍັງສະໜັບສະໜູນ ການປະຕິບັດການສາກົນ.

ການປະຕິບັດການ

<ul> ປະເພດຍັງສະໜັບສະໜູນ ການປະຕິບັດການໃນ HTML.

ການປັບປຸງ 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;
}

ພະຍາຍາມພຽງພໍ

ການສະໜັບສະໜູນບັນດາສາຍພາດ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ
  • ບ່ອນໜ້າຫນັງ <u>
  • ບ່ອນໜ້າຫນ້າ <var>