====== Das Grundgerüst einer HTML-Datei - Unsere erste Webseite ======
Das folgende Codeschnipsel stellt das minimale Grundgerüst einer HTML-Seite dar:
Alles was zwischen ''%%%%'' und ''%%%%'' steht wird vom Webbrowser als HTML-Quelltext interpretiert.
Zwischen ''%%
Hier steht der Titel der Seite
Hier steht der Inhalt der Seite
Die erste wichtige Änderung ist die Zeile ''%%%%''. Hierdurch erkennt der Browser, dass es sich um den Standard HTML 5 handelt und er kann HTML 5 - Befehle interpretieren.
Mit der Ergänzung ''%%lang = "de"%%'' wird die Sprache der Seite eingestellt und der Browser kann die sprachlichen Besonderheiten (z.B. Zeitformat) interpretieren. Durch die Metaangabe ''%%%%'' wird die Zeichenkodierung eingestellt. Somit können auch Sonderzeichen (z.B. die Umlaute) korrekt interpretiert werden.
=====Unsere erste HTML-Seite====
Wenn man die folgende Datei first.html im Webbrowser öffnet,
Meine erste Seite
Das ist meine erste selbst programmierte HTML-Seite.
erhält man die folgende Darstellung:
{{ :html:07_bild02.png?600 |}}
Im folgenden Video wird dargestellt, wie man allgemein beim Programmieren von HTML-Seiten vorgeht:
{{youtube>nK__njL-1WM}}
\\
=====Kommentare=====
Natürlich wird unser Quelltext irgendwann komplizierter. Um die Übersicht nicht zu verlieren, kann man dann in den Quelltext Kommentare schreiben. Damit die Kommentare im Browser nicht angezeigt werden Schreibt man Sie zwischen ''%%%%''. Wie man sie verwendet, zeigt der folgende Quelltext.
Meine erste Seite
Das ist meine erste selbst programmierte HTML-Seite.
=====Vertiefung des Themas=====
[[https://wiki.selfhtml.org/wiki/HTML/Tutorials/HTML5/Grundger%C3%BCst | Grundgerüst bei wiki.selfhtml.org]]
=====Aufgaben=====
**Aufgabe 1**
Erstelle entsprechend dem Video die Datei first.html.
**Aufgabe 2**
Schreibe einige Kommentare in die Datei und teste die Darstellung.
**Aufgabe 3**
Erstelle mit einem Editor eine Datei second.html, so dass in der Fensterleiste steht: "Meine zweite Seite".
Im Browserfenster soll der Text erscheinen: "Hurra, ich habe meine zweite HTML-Seite programmiert!".
[[html:formatierungen| >> Einfache Formatierungen]]
~~DISCUSSION | Hier können Fragen zum Inhalt der Seite gestellt werden. ~~