„HTML Listák” változatai közötti eltérés

Innen: IT documentation
Nincs szerkesztési összefoglaló
 
(2 közbenső módosítás ugyanattól a szerkesztőtől nincs mutatva)
12. sor: 12. sor:
*Tej
*Tej


== Sorszámozott 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>
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>


22. sor: 22. 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==
==Definíciós lista==
47. sor: 47. sor:
</html>
</html>


== HTML listákkal kapcsolatos tagek ==
==HTML listákkal kapcsolatos tagek==
{| class="wikitable"
{| class="wikitable"
!Tag
!Tag
!Leírás
!Leírás
|-
|-
|<nowiki><ol></nowiki>
|[[HTML ol tag|<nowiki><ol></nowiki>]]
|Sorszámozott lista definiálása
|Sorszámozott lista definiálása
|-
|-
|<nowiki><ul></nowiki>
|[[HTML ul tag|<nowiki><ul></nowiki>]]
|Egyszerű lista definiálása
|Egyszerű lista definiálása
|-
|-
|<nowiki><li></nowiki>
|[[HTML li tag|<nowiki><li></nowiki>]]
|Lista elem definiálása
|Lista elem definiálása
|-
|-
|<nowiki><dl></nowiki>
|[[HTML dl tag|<nowiki><dl></nowiki>]]
|Definíciós lista definiálása
|Definíciós lista definiálása
|-
|-
|<nowiki><dt></nowiki>
|[[HTML dt tag|<nowiki><dt></nowiki>]]
|Definíciós lista elem definiálása
|Definíciós lista elem definiálása
|-
|-
|<nowiki><dd></nowiki>
|[[HTML dd tag|<nowiki><dd></nowiki>]]
|Definíciós lista elem leírás definiálása
|Definíciós lista elem leírás definiálása
|-
|[[HTML dir tag|<dir>]]
|Könyvtár lista definiálása Elavult!
|}
|}
[[Kategória:HTML]]

A lap jelenlegi, 2020. szeptember 21., 18:07-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:

  1. Kávé
  2. 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!