INFORMATIKA
  Ingyenes elektronikus Tananyag
KÖZISMERETI INFORMATIKA:
- Programozott tananyag
- Projekt alapú feladatok
- Oktatási segédanyagok
VISSZA    
MENÜ    
ISMÉT    
TOVÁBB    

Listák

Három fajta listát tudunk létrehozni:
• Felsorolás
• Számozott lista
• Definíciós lista

Felsorolás esetén a felsorol elemek előtt a böngészők alapértelmezésben nagyobb pontokat jelenítenek meg. HTML segítségével nem lehet rajtuk változtatni, webmesterek azonban CSS segítségével akár képeket is megjeleníthetnek a felsorolt szövegek előtt.
Az egész felsorolást az „ul” címkék közzé tesszük, az egyes elemek pedig az az „li” címkék zárnak. Például a madarak, hüllők, kétéltűek és a halak felsorolása a következő módon történik:

<ul>
   <li>madarak</li>
   <li>hüllők</li>
   <li>kétéltűek</li>
   <li>halak</li>
</ul>

Íme:

Számozott listákat az „ol” címkék között jelenítjük meg. Az egyes elemeket a felsoroláshoz hasonlóan az „li” címkékkel adjuk meg. A felsorolt elemek előtt a böngészők sorszámokat jelenítenek meg. A számozás egyessel kezdődik az első elemnél.

<ol>
   <li>madarak</li>
   <li>hüllők</li>
   <li>kétéltűek</li>
   <li>halak</li>
</ol>

Íme:

Definíciós lista esetén az egyes elemek előtt semmi sem jelenik meg, ellenben a következő sorban kissé beljebb kezdve, vagyis behúzva, az elem magyarázatát találjuk. A definíciós listákat az „dl” címkék közzé zárjuk. Az egyes elemek a „dt” címkék között helyezzük. Az elemekhez tartozó leírásokat, illetve definíciókat pedig a „dd” címkék között adjuk meg.

<dl>
<lt>madarak</lt>
<dd>mellső végtagjai szárnyakká alakult gerincesek</dd>
<lt>hüllők</lt>
<dd>valamennyi magzatburkos állat, a kétéltűek és az emlősök kivételével</dd>
<lt>kétéltűek</lt>
<dd>a vízben és a szárazföldön egyaránt életképes gerincesek</dd>
<lt>halak</lt>
<dd>vízi életmódhoz szokott gerincesek</dd>
</dl>


Ha a listákat egymásba ágyazzuk, akkor többszintű listát kapunk.

<ul>
   <li>Hazai
   <ul>
      <li>körte</li>
      <li>barack</li>
      <li>szilva</li>
   </ul>
   </li>
   <li>Külföldi
    <ul>
        <li>banán</li>
        <li>citrom</li>
        <li>narancs</li>
    </ul>
   </li>
</ul>



Egymásba ágyazott számozott listák:

<ol>
  <li>Hazai
  <ol>
    <li>körte</li>
    <li>barack</li>
    <li>szilva</li>
  </ol>
  </li>
  <li>Külföldi
  <ol>
    <li>banán</li>
    <li>citrom</li>
    <li>narancs</li>
  </ol>
  </li>
</ol>