Materialien zum Unterricht

Eine einfache HTML-Seite

Fülle die leere Datei index.html mit dem im folgenden abgebildeten Quelltext. Gehe dabei Schritt für Schritt vor und betrachte die Ergebnisse nach jedem Schritt im Browser.

1. Schritt: Grundgerüst

Trage zwischen <head> und </head> diese beiden Zeilen ein:

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

2. Titel

3. Überschrift

4. Zwischenüberschriften

5. Ein Absatz

6. Die erste Aufzählung (ungeordnete Liste)

7. Ein weiterer Absatz

8. Noch ein Absatz

9. ein letzter Absatz

10. Eine Tabelle

11. Gesamteindruck

Begutachte dein Werk im Browser kritisch.

Im Quelltext sind eine Reihe von Formatierungen enthalten. Die Links in der folgenden Liste führt zu den Erklärungen:
  1. <html>... Grundstruktur
  2. <h1>... Überschriften
  3. <ul> <li>... ungeordnete Liste
  4. <p>... Absatz
  5. <ol><li>... geordnete Liste
  6. <table><tr><th>... Tabelle

zurück