Tegla cha HTML <li>

Mfumo na matumizi

<li> Tegesi <li> inadefini kipengele cha orodha.

<li> Tegesi <ol> inayotumika kwa orodha za kipindi:<ol>) na orodha za kipindi (<ul>) na orodha za menyu (<menu>) ya kipindi.

Kwenye <ul> na <menu>, orodha ya kipengele inaonyesha kipengele cha kina.

Kwenye <ol>, orodha ya kipengele inaonyesha tarakimu au herufi.

Mambo ya msaada:Tumia CSS ku:Mkinga vifaa vya orodha.

Tazama pia:

Mafundisho ya HTML:HTML Urefu wa List

Mwongozo wa HTML DOM:Kipengele Li

Mafundisho ya CSS:Mkinga vifaa vya orodha

Mfano

Mfano 1

Orodha ya kipindi (<ol>) na orodha ya kipindi (<ul>) orodha ya HTML ya:

<ol>
  <li> Cafe</li>
  <li>nyakawa cha</li>
  <li>ndugu</li>
</ol>
<ul>
  <li> Cafe</li>
  <li>nyakawa cha</li>
  <li>ndugu</li>
</ul>

Jifunze tena

Mfano 2

Kutumia sababu value katika orodha kwa urithi:

<ol>
  <li value="100">kawasaa</li>
  <li>nyakawa cha</li>
  <li>ndugu</li>
  <li>baridi</li>
  <li>nyama cha</li>
  <li>nyakawa kwenye kisu</li>
</ol>

Jifunze tena

Mfano 3

Mkinga vifaa vya orodha tofauti (kwa CSS):

<ol>
  <li> Cafe</li>
  <li style="list-style-type:lower-alpha">nyakawa cha</li>
  <li>ndugu</li>
</ol>
<ul>
  <li> Cafe</li>
  <li style="list-style-type:square">nyakawa cha</li>
  <li>ndugu</li>
</ul>

Jifunze tena

Mfano 4

Kumisha orodha ya orodha (orodha ya orodha):

<ul>
  <li> Cafe</li>
  <li>Chai</li>
    <ul>
      <li>Pu'er</li>
      <li>nyakawa cha</li>
    </ul>
  </li>
  <li>ndugu</li>
</ul>

Jifunze tena

Mfano 5

Pata orodha ya kina inayofanana zaidi:

<ul>
  <li> Cafe</li>
  <li>Chai</li>
    <ul>
      <li>Pu'er</li>
      <li>Chai ya Kijumla
        <ul>
          <li>Biluochun</li>
          <li>Longjing</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>ndugu</li>
</ul>

Jifunze tena

Mafuta

Mafuta Thamani Maelezo
value Namba Tena kwa <ol> list. Inaeleza thamani ya kuanza ya kina. Kina kina kina kutumiwa kuzingatia thamani hii.

Mafuta wa Jumla

<li> Mtagu huu pia umesaidia Mafuta wa Jumla katika HTML.

Mafuta wa Matukio

<li> Mtagu huu pia umesaidia Mafuta wa Matukio katika HTML.

Mingine wa CSS wa Kawaida

Vingine vya kawaida vya vifungu vya CSS vitatumiwa kusadili hivyo <li> Eneo:

li {
  display: list-item;
}

Matumizi ya Kifungu cha Kifungu

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Msaada Msaada Msaada Msaada Msaada