======Listen======
Eine weitere Möglichkeit Texte zu formatieren sind Listen. In Textverarbeitungsprogrammen unterscheidet man zwischen geordneten Listen (Listen mit Nummerierung) und ungeordneten Listen (Listen mit Anstrichen ohne Nummerierung). Diese beiden Listenarten gibt es auch in HTML. Der Tag ''%%...
%%'' steht für eine geordnete Liste, der Tag ''%%%%'' für eine ungeordnete Liste. Innerhalb dieser Tags werden die einzelnen Listeneinträge in den Tag ''%%...%%'' geklammert.
Der folgende Quelltext zeigt ein erstes Beispiel für die Verwendung von Listen.
Listenbeispiele
Listenbeispiele
Eine geordnete Liste
- Erster Eintrag
- Zweiter Eintrag
- Dritter Eintrag
Eine ungeordnete Liste
- Ein Eintrag
- Ein Eintrag
- Ein Eintrag
Ergebnis im Webbrowser:
{{ :html:listen1.png?400 |}}
=====Verschachtelte Listen=====
Listen können auch verschachtelt sein. Dies wird im folgenden Beispiel gezeigt:
Verschachtelte Listen
Verschachtelte Listen
Eine geordnete Liste:
Der erste Listeneintrag ist eine ungeordnete Liste:
- Ein Untereintag
- Ein Untereintag
- Ein Untereintag
Der zweite Listeneintrag ist eine geordnete Liste:
- Erster Untereintag
- Zweiter Untereintag
- Dritter Untereintag
Ergebnis im Webbrowser:
{{ :html:listen2.png?600 |}}
=====Erklärvideo=====
\\
{{youtube>d0lyaErcKwQ}}
\\
=====Aufgaben====
**Aufgabe 1**
Teste die dargestellten Codebeispiele!
**Aufgabe 2**
Erstelle den HTML-Quelltext für das folgende Listenbeispiel!
{{ :html:listen3.png?600 |}}
**Aufgabe 3**
Informiere dich unter [[https://wiki.selfhtml.org/]] über Definitionslisten, Verzeichnis- und Menülisten und HTML-Eigenschaften von Listen! Entwirf eine eigene Beispieldatei!
**Beispiel:**
{{ :html:listen4.png?400 |}}
[[html:loesungen:listen| >> Lösungen]]
[[html:tabellen| >> Tabellen]]
~~DISCUSSION | Hier können Fragen zum Inhalt der Seite gestellt werden. ~~