[html5.wirlernen.at] [Aufgaben zur Lektion] [Video zur Lektion]

Lektion 12: Geordnete und ungeordnete Listen einfügen

Geordnete Listen

Geordnete Listen zeichnen sich dadurch aus dass die Elemente der Liste DURCHNUMMERIERT sind - hier unten die typische Schreibweise einer solchen Liste. Es werden ineinander verschachtelt die <ol></ol> und <li></li> - Tags verwendet:
geordnete Liste <ol>
    <li>Wels</li>
    <li>Steyr</li>
    <li>Linz</li>
</ol>

Hier eine geordnete Liste die mit Hilfe eines Wertes für start bei 30 anfangen soll:
geordnete Liste ab 30 <ol start="30">
    <li>Wels</li>
    <li>Steyr</li>
    <li>Linz</li>
</ol>

ungeordnete Listen

Ungeordnete Listen zeichnen sich dadurch aus dass die Elemente der Liste NICHT DURCHNUMMERIERT sind - hier unten die typische Schreibweise einer solchen Liste. Es werden ineinander verschachtelt die <ul></ul> und <li></li> - Tags verwendet:
ungeordnete Liste <ul>
    <li>Wels</li>
    <li>Steyr</li>
    <li>Linz</li>
</ul>

Hier unten siehst du die Beispiele für Listen im Quelltext:
Der Code:
<!DOCTYPE html>
<html>
<head>
    <title>Einf├╝hrung in HTML5</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>

<body>
    <ol>
        <li>Wels</li>
        <li>Steyr</li>
        <li>Linz</li>
    </ol>
    <ol start="30">
        <li>Wels</li>
        <li>Steyr</li>
        <li>Linz</li>
    </ol>
    <ul>
        <li>Wels</li>
        <li>Steyr</li>
        <li>Linz</li>
    </ul>
</body>
</html>

[Beispiel zur Lektion]


Für mehr Infos klicke hier OBEN auf der Seite auf das Video - Symbol...
Augabenstellung:
1. Erkläre mit eigenen Worten was man bei HTML unter "geordneten Listen" versteht!
2. Erkläre mit eigenen Worten was man bei HTML unter "ungeordneten Listen" versteht!
3. Mit welchem Tag werden einzelne Listenelemente gekennzeichnet - Achtung: Dies gilt sowohl für geordnete als auch ungeordnete Listen!
4. Erzeuge in einem Editor ein HTML5 - Grundgerüst! Füge dort im Grundgerüst an der richtigen Stelle mit Hilfe der entsprechenden Tags eine GEORDNETE Liste mit allen österreichischen Bundesländern und eine UNGEORDNETE Liste mit allen deutschen Bundesländern ein! Speichere diese Datei als 012.html. Wähle für diese Webseite mit dem entsprechenden Tag einen aussagekräftigen Titel!