HTML Listák
Egyszerű (nem sorszámozott) lista
Az egyszerű lista a lista elemeiből áll. Általában a böngészők alapértelmezésben az egyszerű lista elemeit kis pöttyökkel jelölik. Ez CSS-ben testreszabható. Az egyszerű lista az <ul> tagel, a listaelemek pedig a <li> tagel definiálhatók.
Szintaktika:
<ul>
<li>Kávé</li>
<li>Tej</li>
</ul>
Megjelenés a böngészőben:
- Kávé
- Tej
Sorszámozott lista
A sorszámozott lista is a lista elemeiből áll. Általában a böngészők alapértelmezésben a sorszámozott lista elemeit számokkal jelölik. Ez CSS-ben testreszabható. A sorszámozott lista az <ol> tagel, a listaelemek pedig a <li> tagel definiálhatók.
Szintaktika:
<ol>
<li>Kávé</li>
<li>Tej</li>
</ol>
Megjelenés a böngészőben:
- Kávé
- Tej
Definíciós lista
A definíciós lista a lista elemeiből és azok leírásaiból áll. A definíciós lista az <dl> tagel, a listaelemek a <dt> tagel, az elemleírások pedig a <dd> tagel definiálhatók.
Szintaktika:
<dl>
<dt>Kávé</dt>
<dd>Forró fekete ital</dd>
<dt>Tej</dt>
<dd>Hideg fehér ital</dd>
</dl>
Megjelenés a böngészőben:
- Kávé
- Forró fekete ital
- Tej
- Hideg fehér ital
HTML listákkal kapcsolatos tagek
| Tag | Leírás |
|---|---|
| <ol> | Sorszámozott lista definiálása |
| <ul> | Egyszerű lista definiálása |
| <li> | Lista elem definiálása |
| <dl> | Definíciós lista definiálása |
| <dt> | Definíciós lista elem definiálása |
| <dd> | Definíciós lista elem leírás definiálása |
| <dir> | Könyvtár lista definiálása Elavult! |
