Tafuta <ol> label

Ufafanuzi na Matumizi

<ol> Taji kifaa kufafanua orodha yenye mti. Orodha yenye mti inaweza kuhusu numbering au harakati.

<li> Taji kifaa kufafanua kila kipengele cha orodha.

Mafunzo:Tumia CSS kufungua mtindo wa orodha.

Mafunzo:Kwa orodha zisizo na mti, tumia: <ul> Taji.

Tazama pia:

HTML Kifunzi:HTML Orodha

HTML DOM Kifaa:Ol Kifaa

CSS Kifunzi:Setisha mtindo wa orodha

Mfano

Mfano 1

Wenyeji wa orodha zisizo na mti wa kwanza kuanza kutoka 1, wa pili kutoka 50:

<ol>
  <li>咖啡</li>
  <li>Chai</li>
  <li>Unguvi</li>
</ol>
<ol start="50">
  <li>咖啡</li>
  <li>Chai</li>
  <li>Unguvi</li>
</ol>

Jifunze tena

Mfano 2

Setisha aina za orodha zaidi (kwa CSS):

<ol style="list-style-type:upper-roman">
<li>咖啡</li>
<li>Chai</li>
<li>Unguvi</li>
</ol>
<ol style="list-style-type:lower-alpha">
<li>咖啡</li>
<li>Chai</li>
<li>Unguvi</li>
</ol>

Jifunze tena

Mfano 3

Inaonyesha vifaa vyotilika kwa CSS:

<style>
ol.a {list-style-type: armenian;}
ol.b {list-style-type: cjk-ideographic;}
ol.c {list-style-type: decimal;}
ol.d {list-style-type: decimal-leading-zero;}
ol.e {list-style-type: georgian;}
ol.f {list-style-type: hebrew;}
ol.g {list-style-type: hiragana;}
ol.h {list-style-type: hiragana-iroha;}
ol.i {list-style-type: katakana;}
ol.j {list-style-type: katakana-iroha;}
ol.k {list-style-type: lower-alpha;}
ol.l {list-style-type: lower-greek;}
ol.m {list-style-type: lower-latin;}
ol.n {list-style-type: lower-roman;}
ol.o {list-style-type: upper-alpha;}
ol.p {list-style-type: upper-latin;}
ol.q {list-style-type: upper-roman;}
ol.r {list-style-type: none;}
ol.s {list-style-type: inherit;}
</style>

Jifunze tena

Mfano 4

Kumfanya kipimo cha mawili cha orodha kwa kina kwa kusaidia CSS:

<ol style="line-height:80%">
  <li>咖啡</li>
  <li>Chai</li>
  <li>Unguvi</li>
</ol>
<ol style="line-height:180%">
  <li>咖啡</li>
  <li>Chai</li>
  <li>Unguvi</li>
</ol>

Jifunze tena

Mfano 5

Ina kuweka orodha ya orodha kwa urafiki kwa kina orodha ya uharibifu:

<ol>
  <li>咖啡</li>
  <li>Chai
    <ul>
      <li>Lungjing</li>
      <li>Pu'er</li>
    </ul>
  </li>
  <li>Unguvi</li>
</ol>

Jifunze tena

Ina uwezo

Ina uwezo Ina thamani Ina kumtaarisha
reversed reversed Inaa kimo cha kufikia orodha ya orodha kwa urafiki (9,8,7 ...).
start Namba Inaa kimo cha kwanza cha orodha ya orodha kwa urafiki.
type
  • 1
  • A
  • a
  • I
  • i
 Inaangazia aina ya hatua iliyotumiwa katika orodha.

Hatua ya Kijumla

<ol> Mafupi ya hatua inaonyesha Mfano wa Hatua ya Kijumla katika HTML.

Hatua ya Mfano

<ol> Mafupi ya hatua inaonyesha Hatua ya Mfano katika HTML.

Mwongozo wa CSS wa kawaida

Kifungu kimoja kinaingia kwa kawaida kwa kufanyia hivi: <ol> Mtu:

ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

Jifunze tena

Msaada wa Kifungu

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