Aufgabe
Erstelle eine Webseite über ein Thema deiner Wahl.
Mögliche Themen:
- Über mich
- mein Hobby
- mein Lieblingsspiel
- mein Lieblingssport
- mein Haustier
- mein Lieblingsfilm
- mein Traumurlaub
- meine Lieblingsband
Level 1 – Grundgerüst
Erstelle:
- eine Hauptüberschrift
- mindestens zwei Absätze
<!DOCTYPE html>
<html>
<head>
<title>Meine Webseite</title>
</head>
<body>
<h1>Hallo!</h1>
<p>Das ist meine erste Webseite.</p>
</body>
</html>Level 2 – Struktur
Füge mindestens zwei Zwischenüberschriften hinzu.
<h2>Meine Hobbys</h2>Level 3 – Liste
Erstelle eine Liste mit mindestens drei Punkten.
<ul>
<li>Fußball</li>
<li>Musik</li>
<li>Gaming</li>
</ul>Optional kann auch eine nummerierte Liste verwendet werden:
<ol>
<li>Platz 1</li>
<li>Platz 2</li>
<li>Platz 3</li>
</ol>Level 4 – Link
Füge einen Link zu einer passenden Webseite ein.
<a href="https://www.wikipedia.de">
Wikipedia
</a>Hier kann der Begriff Attribut erstmals kurz eingeführt werden.
href gibt an, wohin der Link führt.
Level 5 – Bild
Füge ein Bild ein.
<img src="bild.jpg" alt="Beschreibung des Bildes">Hinweis:
Das <img>-Element besitzt kein End-Tag.
Bonusaufgabe
Wer fertig ist, darf weitere HTML-Elemente selbst recherchieren und ausprobieren.
Zum Beispiel:
<hr>oder
<strong>Wichtiger Text</strong>oder
<br>Die Schülerinnen und Schüler sollen anschließend erklären können, was das gefundene Element macht.