హ్ట్మ్ఎల్ <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>చా</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

వివిధ జాబితా శైలులను అమర్చండి (సిఎస్ఎస్ ఉపయోగించండి):

<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> టాగ్ కూడా అనుమతిస్తుంది HTML లో గ్లౌబల్ అట్రిబ్యూట్.

ఇవెంట్ అట్రిబ్యూట్

<li> టాగ్ కూడా అనుమతిస్తుంది HTML లో ఇవెంట్ అట్రిబ్యూట్.

అప్రమేయ సిఎస్ఎస్ సెట్టింగ్స్

అధికారికంగా చివరి మీద ప్రదర్శించబడుతుంది ఈ మీద ఉంటుంది అనేక బ్రౌజర్లు <li> కాలికియంతో ఉంది:

li {
  display: list-item;
}

బ్రౌజర్ మద్దతు

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు
  • ముంది పేజీ <legend>
  • తరువాతి పేజీ <link>