Listojen Luominen ja Käyttäminen HTML:ssä
Listoja käytetään tiedon järjestämiseen ja esittämiseen rakenteellisessa muodossa. On olemassa kaksi pääasiallista listatyyppiä: järjestämättömät listat (<ul>) ja järjestetyt listat (<ol>).
Järjestämättömät listat
Järjestämättömät listat esittävät kohteet luettelomerkein. Jokainen listan kohde määritellään <li> (listan kohde) -tagilla. Järjestämättömiä listoja käytetään yleensä silloin, kun kohteiden järjestyksellä ei ole merkitystä.
Esimerkki:
index.html
Yllä olevassa esimerkissä:
Järjestämätön lista (<ul>) näyttää kohteet luettelomerkein.
Järjestetyt listat
Järjestetyt listat näyttävät kohteet numeroidussa järjestyksessä. Jokainen kohde määritellään <li> (listaelementti) -tagilla. Järjestettyjä listoja käytetään, kun kohteiden järjestyksellä on merkitystä ja sitä halutaan korostaa.
Esimerkki:
index.html
Yllä olevassa esimerkissä:
Lista on järjestetty (<ol>), ja se näyttää kohteet numeroituna.
Sisäkkäiset listat
Listoja voidaan myös sisäkkäistää toistensa sisään hierarkkisten rakenteiden luomiseksi. Tämä tarkoittaa, että listakohde (<li>) yhdessä listassa (<ul> tai <ol>) voi sisältää toisen listan. Tämä on hyödyllistä, kun halutaan järjestää monimutkaista tietoa useille hierarkiatasoille.
Esimerkki:
index.html
Yllä olevassa esimerkissä:
- Toinen listaelementti (
"Main item 2") sisältää sisäkkäisen järjestämättömän listan (<ul>), mikä luo hierarkkisen rakenteen; - Jokainen sisäkkäinen lista (
<ul>) on sisennetty osoittamaan sen hierarkkista tasoa visuaalisesti.
Videotutoriaali
1. Mitä tunnistetta käytetään järjestämättömien listojen luomiseen?
2. Milloin käytetään järjestettyä listaa järjestämättömän listan sijaan?
3. Mikä tunniste puuttuu tyhjistä kohdista (___)?
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Awesome!
Completion rate improved to 3.13Listojen Luominen ja Käyttäminen HTML:ssä
Pyyhkäise näyttääksesi valikon
Listoja käytetään tiedon järjestämiseen ja esittämiseen rakenteellisessa muodossa. On olemassa kaksi pääasiallista listatyyppiä: järjestämättömät listat (<ul>) ja järjestetyt listat (<ol>).
Järjestämättömät listat
Järjestämättömät listat esittävät kohteet luettelomerkein. Jokainen listan kohde määritellään <li> (listan kohde) -tagilla. Järjestämättömiä listoja käytetään yleensä silloin, kun kohteiden järjestyksellä ei ole merkitystä.
Esimerkki:
index.html
Yllä olevassa esimerkissä:
Järjestämätön lista (<ul>) näyttää kohteet luettelomerkein.
Järjestetyt listat
Järjestetyt listat näyttävät kohteet numeroidussa järjestyksessä. Jokainen kohde määritellään <li> (listaelementti) -tagilla. Järjestettyjä listoja käytetään, kun kohteiden järjestyksellä on merkitystä ja sitä halutaan korostaa.
Esimerkki:
index.html
Yllä olevassa esimerkissä:
Lista on järjestetty (<ol>), ja se näyttää kohteet numeroituna.
Sisäkkäiset listat
Listoja voidaan myös sisäkkäistää toistensa sisään hierarkkisten rakenteiden luomiseksi. Tämä tarkoittaa, että listakohde (<li>) yhdessä listassa (<ul> tai <ol>) voi sisältää toisen listan. Tämä on hyödyllistä, kun halutaan järjestää monimutkaista tietoa useille hierarkiatasoille.
Esimerkki:
index.html
Yllä olevassa esimerkissä:
- Toinen listaelementti (
"Main item 2") sisältää sisäkkäisen järjestämättömän listan (<ul>), mikä luo hierarkkisen rakenteen; - Jokainen sisäkkäinen lista (
<ul>) on sisennetty osoittamaan sen hierarkkista tasoa visuaalisesti.
Videotutoriaali
1. Mitä tunnistetta käytetään järjestämättömien listojen luomiseen?
2. Milloin käytetään järjestettyä listaa järjestämättömän listan sijaan?
3. Mikä tunniste puuttuu tyhjistä kohdista (___)?
Kiitos palautteestasi!
