HTML-listat

HTML tukee järjestettyjä, järjestämättömiä ja määritettyjä luetteloja

Esimerkki

Järjestämätön luettelo
Tämä esimerkki näyttää järjestämättömän luettelon.
Järjestetty luettelo
Tämä esimerkki näyttää järjestetyn luettelon.

（Lisää esimerkkejä löytyy tämän sivun alareunasta。）

Järjestämätön luettelo

Järjestämätön luettelo on projektien luettelo, jossa projektikohteet on merkitty粗体圆点（tyypillinen pieni musta ympyrä）.

Järjestämätön luettelo alkaa <ul>-tagilla. Jokainen luettelo kohta alkaa <li>-tagilla.

<ul>
<li>Kahvi</li>
<li>Maito</li>
</ul>

Selausohjelma näyttää seuraavasti:

  • Kahvi
  • Maito

Luettelojen kohtien sisällä voidaan käyttää kappaleita, rivinvaihtoja, kuvia, linkkejä ja muita luetteloja jne.

Järjestetty luettelo

Samoin, järjestetyt luettelot ovat myös kohtien luettelo, ja listat on merkitty numeroilla.

Järjestetyt luettelot alkavat <ol>-tunnisteella. Jokainen luettelo kohta alkaa <li>-tunnisteella.

<ol>
<li>Kahvi</li>
<li>Maito</li>
</ol>

Selausohjelma näyttää seuraavasti:

  1. Kahvi
  2. Maito

Luettelojen kohtien sisällä voidaan käyttää kappaleita, rivinvaihtoja, kuvia, linkkejä ja muita luetteloja jne.

Määritetty luettelo

Mukautetut luettelot eivät ole vain kohtien luettelo, vaan kohteiden ja niiden huomautusten yhdistelmä.

Mukautetut luettelot alkavat <dl>-tunnisteella. Jokainen mukautettu luettelo kohtaa alkaa <dt>-tunnisteella. Jokaisen mukautetun luettelo kohteen kuvaus alkaa <dd>-tunnisteella.

<dl>
<dt>Kahvi</dt>
<dd>Musta kuumajuoma</dd>
<dt>Maito</dt>
<dd>Valkoinen kylmä juoma</dd>
</dl>

Selausohjelma näyttää seuraavasti:

Kahvi
Musta kuumajuoma
Maito
Valkoinen kylmä juoma

Määritellyn luettelon kohtien sisällä voidaan käyttää kappaleita, rivinvaihtoja, kuvia, linkkejä ja muita luetteloja jne.

Lisää esimerkkejä

Eri tyyppiset epäjärjestetyt luettelot
Tämä esimerkki näyttää epäjärjestetyn luettelon.
Eri tyyppiset järjestetyt luettelot
Tämä esimerkki näyttää eri tyyppisiä järjestettyjä luetteloita.
Sisäkkäinen luettelo
Tämä esimerkki näyttää, miten luettelot voidaan sisällyttää.
Sisäkkäinen luettelo 2
Tämä esimerkki näyttää monimutkaisemman sisäkkäisen luettelon.
Määritetty luettelo
Tämä esimerkki näyttää määritellyn luettelon.

Luettelotunnisteet

Tunniste Kuvaus
<ol> Määritellään järjestetty luettelo.
<ul> Määritellään epäjärjestetty luettelo.
<li> Määritellään luettelojen kohta.
<dl> Määritellään määritellyn luettelon luettelo.
<dt> Määritellään määritellyn kohteen kohta.
<dd> Määritellään määritellyn kuvauksen kuvaus.
<dir> Käytöstä poistettu. Käytä sen sijaan <ul>.
<menu> Käytöstä poistettu. Käytä sen sijaan <ul>.