Eine Internet-Seite ist eine Text-Datei im HTML-Format.
Somit kann man Internet-Seiten mit jedem Texteditor erstellen.
Es gibt eine Reihe von Editoren, die einem beim Erstellen von HTML-Seiten helfen, indem sie die Elemente
hervorheben, Fehler erkennen
und Vorlagen anbieten.
HTML-Tag
HTML verwendet Tags um die Struktur eines Dokuments festzulegen.
Jedes Tag beginnt mit einer spitzen Klammer <, dann kommt der Name des Tags (z.B. br für ein
Break=Zeilenumbruch) und
endet mit einer schließenden spitzen Klammer >.
Neben Tags wie <br> für einen Zeilenumbruch, umschließen die meisten Tags einen Teil des Textes.
Das Tag <h1> z.B. beginnt eine Überschrift, dann folgt der Text der Überschrift und das schließende Tag
</h1> beendet die Überschrift.
Merke:
Ein Tag beginnt mit < und endet mit >
Bsp.: <br>
Die meisten Tags gehen auf <h1> und zu </h1>. Das schließende Tag beginnt mit </ und hat den
gleichen Namen wie das öffnende.
Beispiel:
<h1>Eine große
Überschrift</h1>
Ein Text, der keine Überschrift ist.<br>
Weiter in einer neuen Zeile
<h2>eine kleiner
Überschrift</h2> <h3>und eine
noch kleinere</h3>
Eine große Überschrift
Ein Text, der keine Überschrift ist.
Weiter in einer neuen Zeile
eine kleiner Überschrift
und eine noch kleinere
Das HTML-Gründgerüst
Eine HTML-Seite hat einen festen Aufbau. Nach dem Doctype, der sagt, dass es ein HTML-Dokument ist, kommt
das HTML.
Das HTML beginnt mit <html> und endet mit </html>.
In dem HTML-Bereich gibt es genau zwei Teile:
Zuerst kommt der Head. In diesem werden Informationen wie der Seitentitel angegeben.
Es können hier aber auch Informationen zur Dateikodierung (z.B. UTF-8), Verweise auf Stylesheets
(css-Dateien) oder
Skripte (meist Javascript-Dateien) eingebunden werden.
Dann kommt der Body. Im Body ist der Inhalt der HTML-Seite, den man im Browser angezeigt bekommt.
Hier benötigt man die HTML-Tags um sein Dokument zu formatieren und zu strukturieren.
Grundgerüst einer HTML5-Seite zum kopieren
<!DOCTYPE html> <html> <head> <title>Titel der
Seite</title> </head> <body>
Inhalt der Seite </body> </html>