Startseite | Gästebuch | Kontakt
- 1. Einleitung
- 2. Grundlagen
- 3. Text
- 4. Farben
- 5. Listen
- 5.1. Aufzählung
- 5.2. Nummerierung
- 5.3. Definitionsliste
-
Übungsaufgabe - 6. Tabellen
- 7. Grafik
- 8. Verweise
- 9. Frames
- 10. Formulare
- Kurzübersicht
- Farbliste
- Sonderzeichen
- Tipps & Tricks
- Übungen/Lösungen
- Download
- Test
- Inhaltsverzeichnis
- HTML-Glossar
5.1. Aufzählungsliste
Unter Aufzählungslisten versteht man unnummerierte Listen. Diese Listen werden mit dem Tag <ul> eingeleitet. Jeder Listenpunkt wird durch <li> bestimmt.
| <html> <head> <title>Aufzählungszeichen</title> </head> <body> <ul> <li>Hund</li> <li>Katze</li> <li>Maus</li> </ul> </body> </html> |
Wird nichts angegeben, gilt Standard und das ist in der Regel der Punkt.
Es gibt 3 verschiedene Listenpunkte, die durch das Attribut type angegeben werden. Diese Listenpunkte sind der Punkt (disc), das Quadrat (square) und der Kreis (circle). Diese Angabe wird im <ul>-Tag für die gesamte Liste angegeben oder in jedem einzelnen Listenpunkt <li>.
| <html> <head> <title>Aufzählungszeichen</title> </head> <body> <ul> <li type="disc">Sonne</li> <li type="square">Mond</li> <li type="circle">Sterne</li> </ul> </body> </html> |
Aufzählungslisten können auch verschachtelt werden.
| <html> <head> <title>Aufzählungszeichen</title> </head> <body> <ul type="square"> <li>Radio</li> <li>Fernsehen</li> <ul type="circle"> <li>ARD</li> <li>ZDF</li> </ul> <li>Internet</li> </ul> </body> </html> |
Dabei ist darauf zu achten, dass die untergeordnete Liste zuerst beendet wird.
| <ul> | ||||||
| <li>Listenpunkt 1</li> | ||||||
| <li>Listenpunkt 2</li> | ||||||
| <ul> | ||||||
| <li>Unterpunkt 1</li> | ||||||
| <li>Unterpunkt 2</li> | ||||||
| <ul> | ||||||
| <li>Unterunterpunkt 1</li> | ||||||
| <li>Unterunterpunkt 2</li> | ||||||
| </ul> | ||||||
| </ul> | ||||||
| </ul> | ||||||