logo

HTML-luettelot

HTML-luetteloita käytetään tietoluetteloiden määrittämiseen. Kaikki luettelot voivat sisältää yhden tai useamman luetteloelementin. HTML-luetteloita on kolmea eri tyyppiä:

  1. Järjestetty luettelo tai numeroitu luettelo (ol)
  2. Järjestämätön luettelo tai luettelomerkitty luettelo (ul)
  3. Kuvausluettelo tai määritelmäluettelo (dl)

Huomautus: Voimme luoda luettelon toisen luettelon sisään, jota kutsutaan sisäkkäiseksi luetteloksi.


HTML-järjestetty luettelo tai numeroitu luettelo

Järjestetyissä HTML-luetteloissa kaikki luettelokohteet on oletusarvoisesti merkitty numeroilla. Se tunnetaan myös numeroituna luettelona. Tilattu lista alkaa merkillä

    -tunniste ja luettelon kohteet alkavat
  1. tag.

 <ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol> 
Testaa nyt

Lähtö:

  1. Oinas
  2. Bingo
  3. Leo
  4. Oraakkeli

Napsauta tätä saadaksesi täydelliset tiedot HTML-tilausluettelosta. HTML-järjestetty luettelo


HTML Järjestämätön luettelo tai luettelomerkitty luettelo

HTML Järjestämättömässä luettelossa kaikki luettelon kohteet on merkitty luettelomerkeillä. Se tunnetaan myös luettelomerkkiluettelona. Järjestämätön-luettelo alkaa

    tunniste ja luettelokohteet alkavat kirjaimella
  • tag.

 <ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul> 
Testaa nyt

Lähtö:

  • Oinas
  • Bingo
  • Leo
  • Oraakkeli

Napsauta tätä saadaksesi täydelliset tiedot järjestämättömästä HTML-luettelosta. HTML-järjestämätön luettelo


HTML-kuvausluettelo tai määritelmäluettelo

HTML Description list on myös luettelotyyli, jota HTML ja XHTML tukevat. Se tunnetaan myös määritelmäluettelona, ​​jossa merkinnät on lueteltu kuten sanakirja tai tietosanakirja.

Määritelmälista on erittäin sopiva, kun haluat esittää sanaston, termiluettelon tai muun nimi-arvoluettelon.

HTML-määritysluettelo sisältää seuraavat kolme tunnistetta:

  1. tag
    määrittää luettelon alun.
  2. tag
    määrittelee termin.
  3. tag
    määrittelee termin määritelmän (kuvauksen).
 <dl> <dt>Aries</dt> <dd>-One of the 12 horoscope sign.</dd> <dt>Bingo</dt> <dd>-One of my evening snacks</dd> <dt>Leo</dt> <dd>-It is also an one of the 12 horoscope sign.</dd> <dt>Oracle</dt> <dd>-It is a multinational technology corporation.</dd> </dl> 
Testaa nyt

Lähtö:

Oinas
-Yksi 12 horoskoopin merkistä.
Bingo
-Yksi iltapalastani
Leo
-Se on myös yksi 12 horoskoopin merkistä.
Oraakkeli
– Se on monikansallinen teknologiayritys.

Napsauta tätä saadaksesi täydelliset tiedot HTML-kuvausluettelosta. HTML-kuvausluettelo


Sisäkkäinen HTML-luettelo

Toisessa luettelossa olevaa luetteloa kutsutaan sisäkkäiseksi luetteloksi. Jos haluat luettelomerkkiluettelon numeroidun luettelon sisään, tällaista luetteloa kutsutaan sisäkkäisluetteloksi.

Koodi:

 Nested list <p>List of Indian States with thier capital</p> <ol> <li>Delhi <ul> <li>NewDelhi</li> </ul> </li> <li>Haryana <ul> <li>Chandigarh</li> </ul> </li> <li>Gujarat <ul> <li>Gandhinagar</li> </ul> </li> <li>Rajasthan <ul> <li>Jaipur</li> </ul> </li> <li>Maharashtra <ul> <li>Mumbai</li> </ul> </li> <li>Uttarpradesh <ul> <li>Lucknow</li></ul> </li> </ol> 
Testaa nyt

Lähtö:

HTML-luettelot

Tuetut selaimet

Elementti kromi selainKromi eli selainIE firefox selainFirefox ooppera selainOoppera safari-selainSafari
JooJooJooJooJoo