Was wird benötigt?

Einleitung und Vorraussetzung

Was wird benötigt?

HTML - Dateien sind einfache Textdateien (im Klartext zu lesen) und können mit jedem Texteditor bearbeitet werden.

Der Browser der die .html Datei öffnet, übernimmt nicht die Formatierung der Textdatei, so werden Leerzeichen und Textumbrüche nicht übernommen.

Benötigt wird ein Text-Editor der UTF-8-kompatibel ist, wie z.B. Notepad++. Warum? z.B. so werden die Umlaute und Sonderzeichen richtig dargestellt.
Notepad++ hat auch die Funktion bestehende Dateien (im Menue Kodierung) in UTF8 zu konvertieren.

Achtet auch darauf, dass die Dateiendung wirklich .html ist. Bei Windows (je nach Einstellung) werden die bekannten Dateiendungen ausgeblendet, wie z.B. *.txt und die gespeicherte Datei wird als z.B. "datei.html.txt" gespeichert und nicht wie erwünscht "datei.html".

Für die richtige Darstellung von deiner erstellten Webseiten wird das Programm XAMPP für die Offline-Betrachtung benötigt.

Aufbau eines HTML - TAGs

HTML-Tags sind Anweisungen in spitzen Klammern

einleitendes "< TAG >"
abschließendes "< /TAG >"

Die TAGs legen eine Struktur über Text und Bilder der Webseite und versorgen den Browser mit Informationen über den Aufbau der Seite. HTML ist ein kleingeschriebener Klartext – reiner Text – und beschreibt, wie der Browser den Text und Bilder darstellen soll. Als einfachen Textabsatz, Überschrift, Auflistung, als Link oder als Adresse eines Bildes. Beispiel: <p style= "text-align:center; color=red;" >Text...</p>

Bei <style> gibt es für den Aufbau noch eine Besonderheit. Der Attributwert ist hier durch ein Doppelpunkt aufgeteilt, Attributwert:Deklaration. Wird der style-Attributwert geschachtelt so werden diese durch Semikolon getrennt. Auch am Ende wird immer ein Semikolon gesetzt.

HTML Tags, die keinen abschließenden Teil benötigen, werden Standalone Tags genannt. Beispiel:
<img src= "Bild-URL" align= "left" >

HTML-Befehl Attributname Attributwert