HTML-luetteloita käytetään tietoluetteloiden määrittämiseen. Kaikki luettelot voivat sisältää yhden tai useamman luetteloelementin. HTML-luetteloita on kolmea eri tyyppiä:
- Järjestetty luettelo tai numeroitu luettelo (ol)
- Järjestämätön luettelo tai luettelomerkitty luettelo (ul)
- 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
- tag.
<ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol>Testaa nyt
Lähtö:
- Oinas
- Bingo
- Leo
- 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:
-
- tag
-
- tag
määrittelee termin. -
- 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ö:
Tuetut selaimet
| Elementti |  Kromi |  IE |  Firefox |  Ooppera |  Safari |
| Joo | Joo | Joo | Joo | Joo |