17 HTML Listaukset
Ei järjestyksessä oleva HTML Lista
Ei järjestyksessä oleva lista aloitetaan <ul> tagilla. Jokaisen listan objekti alkaa <li> tagilla.
Listan objektit merkataan pienillä mustilla pisteillä :
Esimerkki:
<ul>
<li>Kahvi</li>
<li>Tee</li>
<li>Maito</li>
</ul>
Epäjärjestyksessä oleva HTML Lista - Tyyli atribuutti
Tyyli atribuutti voidaan lisätä ei järjestyksessä olevaan listaan, määrittämään sen tyyli:
| Tyyli | Kuvaus |
|---|---|
| list-style-type:disc | Nämä tekstit tullaan merkkaamaan pisteellä (oletus) |
| list-style-type:circle | Nämä tekstit merkataan ympyrällä |
| list-style-type:square | Nämä tekstit merkataan neliöllä |
| list-style-type:none | Näitä tekstejä ei merkata |
Disc:
<ul style="list-style-type:disc">
<li>Kahvi</li>
<li>Tee</li>
<li>Maito</li>
</ul>
Circle:
<ul style="list-style-type:circle">
<li>Kahvi</li>
<li>Tee</li>
<li>Maito</li>
</ul>
Square:
<ul style="list-style-type:square">
<li>Kahvi</li>
<li>Tee</li>
<li>Maito</li>
</ul>
None:
<ul style="list-style-type:none">
<li>Kahvi</li>
<li>Tee</li>
<li>Maito</li>
</ul>
Esimerkki Järjestyksessä ja ei järjestyksessä olevista listoista HTML kielessä:
Ei järjestyksessä oleva:
- Esine
- Esine
- Esine
- Esine
Järjestyksessä oleva lista:
- 1 esine
- 2 esine
- 3 esine
- 4 esine