Aufgaben

Erstelle ein eigenes HTML-Tutorial indem du eine Webseite, bestehenden aus verschiedenen HTML Dokumenten, erstellst.

Dieser Vorgehen hat zwei Vorteile: Zum einen vertiefst du deine Kentnisse im Umgang mit HTML, zum anderen erstellst du zugleich eine übersichtliche Zusammenfassung der relevanten Themen.

Beachte dabei folgende Vorgaben:

• Verwende eine sinnvolle Ordnerstruktur. Packe Bilder in eigene Unterordner und erstelle für umfangreiche Unterseiten ebenfalls einen eigenen Unterordner.
• Du kannst folgende Quellen verwenden um dich zu informieren:
  • w3schools.com. Auf Englisch
  • HTML-seminar. Gute Seite auf Deutsch.
  • inf-schule.de Die bekannte Seite
• Vertiefe insbesondere folgende Themen:
  • Schachteln von HTML-Tags
  • Geordnete und ungeordnete Listen
  • Tabellen mit Tabellenkopf
  • Tabellenzellen verbinden
  • Interne und externe Links
• Diese Aufgabe hat zunächst keine feste Deadline. Du kannst und sollst immer daran arbeiten, wenn wir was neues kennengelernt haben.
• Verwende bei der Gestaltung möglichst wenig CSS. Wenn es unbedingt sein muss, dann verwende CSS in einer externe style.css Datei.

HTML Tutorial

Struktur

Mein Tutorial gliedere ich in verschiedene Bereiche:

1. HTML Grundgerüst und erste Webseite
2. Texte strukturieren mit Überschriften und Absätzen
3. Links: Texte, Bilder, in Listen und mehr
4. Interne Links und relative Pfadangaben
5. Geordnete und ungeordnete Listen
6. Tabellen mit Rowspan und Colspan

Übersicht HTML-Tags

Tag	Beschreibung	Beispiel
<a>	Das a Tag beschreibt eine Verweis auf ein anderes HTML Dokument. Der Befehle <a href="test.html">Hier klicken!</a> verweist von der aktuellen Seite ausgehened (relative Pfadangabe) zu dem HTML Dokument mit dem Namen test.html. Die Elemente zwischen dem öffnenden und schließenden Tag werden zu einem Link. Das können Bilder, Text usw. sein.