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> (listaelementti) -tagilla. Järjestämättömiä listoja käytetään yleensä silloin, kun kohteiden järjestyksellä ei ole merkitystä.

index.html

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 listan kohde määritellään <li> (listan kohde) -tagilla. Järjestettyjä listoja käytetään, kun kohteiden järjestyksellä on merkitystä ja sitä halutaan korostaa.

index.html

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.

index.html

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 visuaalisesti osoittamaan sen hierarkiatasoa.

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 (___)?

Mitä tunnistetta käytetään järjestämättömien listojen luomiseen?

Select the correct answer

<ol>

<ul>

<li>

Milloin käytetään järjestettyä listaa järjestämättömän listan sijaan?

Select the correct answer

Kun kohteiden järjestyksellä on merkitystä.

Kun järjestetään monimutkaista tietoa useille hierarkiatasoille.

Kun halutaan korostaa kohteiden tärkeyttä.

Mikä tunniste puuttuu tyhjistä kohdista (___)?

Select the correct answer

ol

li

p

h2

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 9

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

Can you explain the difference between ordered and unordered lists in more detail?

How do I create a nested list in HTML?

What are some best practices for using lists in HTML?

Awesome!

Completion rate improved to 2.86

Listojen Luominen ja Käyttäminen HTML:ssä

Pyyhkäise näyttääksesi valikon

Järjestämättömät listat

index.html

Järjestämätön lista (<ul>) näyttää kohteet luettelomerkein.

Järjestetyt listat

index.html

Lista on järjestetty (<ol>), ja se näyttää kohteet numeroituna.

Sisäkkäiset listat

index.html

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 visuaalisesti osoittamaan sen hierarkiatasoa.

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 (___)?

Mitä tunnistetta käytetään järjestämättömien listojen luomiseen?

Select the correct answer

<ol>

<ul>

<li>

Milloin käytetään järjestettyä listaa järjestämättömän listan sijaan?

Select the correct answer

Kun kohteiden järjestyksellä on merkitystä.

Kun järjestetään monimutkaista tietoa useille hierarkiatasoille.

Kun halutaan korostaa kohteiden tärkeyttä.

Mikä tunniste puuttuu tyhjistä kohdista (___)?

Select the correct answer

ol

li

p

h2

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 9