Skip to main content

Aufgabe 4: Divs Unterteilung

In dieser Aufgabe wollen wir das Layout unserer Hobbies-Seite anpassen. Hierzu können wir die gerade gelernten div-Elemente verwenden. Wir wollen die Hobbies in zwei Spalten unterteilen. Im ersten Schritt wollen wir hierzu die Liste der Hobbies und das Foto in zwei div-Elemente unterteilen.

  1. Erstelle ein div-Element, das die Liste der Hobbies enthält. Verschiebe die Liste in dieses div-Element.
  2. Erstelle ein weiteres div-Element, das das Bild enthält. Verschiebe das Bild in dieses div-Element.
Lösung
<div>
    <p>Meine Hobbies sind:
    <ul>
        <li>Programmieren</li>
        <li>Fußball</li>
        <li>Zeichnen</li>
    </ul>
    </p>
</div>
<div>
    <img src="https://cms.sachsen.schule/fileadmin/_migrated/pics/Informatik.gif" />
</div>