Unterrichtsmaterialien für den Informatikunterricht

Listen

Folien

Falls keine PDF-Präsentation zu sehen ist: Direktdownload der PDF-Präsentation

Übungen

Zusätzliche Dateien (Bilder, Klassendiagramme, HTML-Vorlagen) finden Sie in der Materialsammlung. Diese Übungen können Sie als txt-Datei herunterladen.


Übungen: HTML - Listen



HTML_10-1: Fehler im Code finden 1

Finden Sie im folgenden Code die Fehler:

<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.

<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.