Listat ovat olennainen osa HTML:ää tietojen näyttämiseksi järjestelmällisesti ja luettavalla tavalla. HTML tarjoaa kolme päätyyppiä luetteloita: järjestämättömät luettelot, järjestetyt luettelot ja määritelmäluettelot.
Järjestämättömät luettelot(<ul>) käyttävät tiettyjä luettelomerkkejä, ja ne näytetään sisennettyinä kohteina, tyypillisesti mustilla pisteillä. Tämä on suosittu valinta sellaisten tuotteiden luetteloimiseen, jotka eivät vaadi erityistä tilausta.
Järjestetyissä luetteloissa(<ol>) käytetään erityisiä numerointi- tai merkkimerkkejä, ja ne näytetään peräkkäin järjestetyssä luettelossa. Tätä käytetään usein listaamaan tuotteet tietyssä järjestyksessä tai numeroimaan ne.
Määritelmäluettelot(<dl>) käyttävät termi- ja kuvauspareja tietojen näyttämiseen. Jokainen pari on suljettu <dt>(määritelmätermi) ja <dd>(määritelmän kuvaus) -tunnisteiden sisällä. Tämä on tehokas tapa näyttää tiettyjen käsitteiden attribuutteja tai määritelmiä.
Järjestämätön luettelo( <ul>)
- <ul> Elementillä luodaan järjestämätön lista.
- Jokainen järjestämättömän luettelon kohde sijoitetaan elementtiin <li>.
- Järjestämättömät luettelot näytetään yleensä luettelomerkeillä tai vastaavilla merkeillä.
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Tilattu lista( <ol>)
- <ol> Elementtiä käytetään järjestetyn listan luomiseen.
- Jokainen järjestetyn luettelon kohde sijoitetaan elementtiin <li>.
- Järjestetyissä luetteloissa on yleensä numeroita tai aakkosmerkkejä.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Määritelmäluettelo( <dl>)
- <dl> Elementtiä käytetään määritelmäluettelon luomiseen.
- Jokainen määritelmäluettelon kohde koostuu parista <dt>(määritelmä) ja <dd>(määritelmän kuvaus).
- <dt> Tunniste sisältää määritettävän avainsanan tai attribuutin, kun taas <dd> tunniste sisältää kyseisen avainsanan tai attribuutin kuvauksen tai selityksen.
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
Luettelotyypin attribuutti( <ul> ja <ol>)
- Type-attribuuttia käytetään määrittämään järjestetyn luettelon numerointityyli.
- Type-attribuutin arvo voi olla "1"(numerot), "A"(isot kirjaimet), "a"(pienet kirjaimet), "I"(isot roomalaiset numerot) tai "i"(pienet roomalaiset numerot). .
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Aloitusmäärite( <ol>)
- Start-attribuuttia käytetään numeroinnin aloitusarvon määrittämiseen järjestetyssä luettelossa.
- Aloitusattribuutin arvo on positiivinen kokonaisluku.
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
Käänteinen attribuutti( <ol>)
- Käänteinen attribuutti näyttää järjestetyn luettelon käänteisessä järjestyksessä.
- Kun käänteistä attribuuttia käytetään, numerointi näytetään laskevassa järjestyksessä.
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
Näiden attribuuttien ja elementtien avulla voit luoda ja mukauttaa HTML-luetteloita tarpeidesi mukaan. Voit käyttää niitä näyttämään tietoja selkeästi ja järjestelmällisesti verkkosivustollasi.