Folien



(letzte Synchronisation der PDF-Präsentation: 02.08.2017)

Falls keine PDF-Präsentation zu sehen ist, klicken Sie zum Download hier: Direktdownload PDF-Präsentation

Übungen

Alle Übungen finden Sie in der Materialsammlung (dort auch alle zusätzlichen Dateien wie Bilder, Klassendiagramme oder HTML-Vorlagen!).

Die aktuelle Übung können Sie hier als txt-File herunterladen.


***** Übungen: HTML - Listen *****


HTML_10-1: Fehler im Code finden 1

Finden Sie im folgenden Code die Fehler:

HTML-Code
<ul> <li>Erster Aufzählungspunkt <li>Zweiter Aufzählungspunkt <li>Dritter ... usw. </ol>  





HTML_10-2: Fehler im Code finden 2

Kopieren Sie das Code in einen Editor Ihrer Wahl (z.B. Notepad++ oder Eclipse pdt) und formatieren Sie den Code so, dass er übersichtlicher wird. Finden Sie die Fehler.

HTML-Code
<ol><li>Ich bin ein Listenpunkt, der mit '1.' beginnt.</li><li>Ich bin ebenfalls ein Listenpunkt<li>Und ich erst<li></li>Und ich auch, nämlich viertens.</li><li>Ich bin ein weiterer Punkt.<li><li>Und ich bin der siebte Punkt (wirklich????)</ol>  





HTML_10-3: Einfache nummerierte Liste erstellen

Erstellen Sie eine nummerierte Liste mit folgendem Inhalt:

1. Jacken
2. Schuhe

3. Hosen
4. Mützen




HTML_10-4: Einfache unnummerierte Liste erstellen

Erstellen Sie eine unnummerierte Liste, die die Fächer, die Ihnen Spaß machen, aufzählt (mindestens drei!).




HTML_10-5: Verschachtelte Liste erstellen

Listen können auch verschachtelt sein. Erstellen Sie eine Liste wie die, die Sie unter 02html/html10-bild-verschachtelte-liste-nachbauen.png finden. Achten Sie darauf, dass Ihr Code übersichtlich bleibt, indem Sie Listen, die sich unterhalb eines Listenpunkts befinden, einrücken.