„HTML Listák” változatai közötti eltérés
Nincs szerkesztési összefoglaló |
|||
| 1. sor: | 1. sor: | ||
== Egyszerű (nem sorszámozott) lista == | ==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 <nowiki><ul> tagel, a listaelemek pedig a <li> tagel definiálhatók.</nowiki> | 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 <nowiki><ul> tagel, a listaelemek pedig a <li> tagel definiálhatók.</nowiki> | ||
| 9. sor: | 9. sor: | ||
</syntaxhighlight>Megjelenés a böngészőben: | </syntaxhighlight>Megjelenés a böngészőben: | ||
* Kávé | *Kávé | ||
* Tej | *Tej | ||
== Definíciós lista == | == 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 <nowiki><ol> tagel, a listaelemek pedig a <li> tagel definiálhatók.</nowiki> | |||
Szintaktika:<syntaxhighlight lang="html"> | |||
<ol> | |||
<li>Kávé</li> | |||
<li>Tej</li> | |||
</ol> | |||
</syntaxhighlight>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 <nowiki><dl> tagel, a listaelemek a <dt> tagel, az elemleírások pedig a <dd> tagel definiálhatók.</nowiki> | A definíciós lista a lista elemeiből és azok leírásaiból áll. A definíciós lista az <nowiki><dl> tagel, a listaelemek a <dt> tagel, az elemleírások pedig a <dd> tagel definiálhatók.</nowiki> | ||
| 33. sor: | 46. sor: | ||
</dl> | </dl> | ||
</html> | </html> | ||
== HTML listákkal kapcsolatos tagek == | |||
{| class="wikitable" | |||
!Tag | |||
!Leírás | |||
|- | |||
|<nowiki><ol></nowiki> | |||
|Sorszámozott lista definiálása | |||
|- | |||
|<nowiki><ul></nowiki> | |||
|Egyszerű lista definiálása | |||
|- | |||
|<nowiki><li></nowiki> | |||
|Lista elem definiálása | |||
|- | |||
|<nowiki><dl></nowiki> | |||
|Definíciós lista definiálása | |||
|- | |||
|<nowiki><dt></nowiki> | |||
|Definíciós lista elem definiálása | |||
|- | |||
|<nowiki><dd></nowiki> | |||
|Definíciós lista elem leírás definiálása | |||
|} | |||
A lap 2019. december 31., 08:48-kori változata
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 |