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

Innen: IT documentation
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:

  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