Das Grundgerüst einer HTML-Seite
Das Grundgerüst einer HTML-Seite stelle ich in einem Video vor. Ich empfehle, die ersten Webseiten mit einem einfachen Editor zu schreiben. Bei Verwendung des Standard-Editors in Windows unbedingt darauf achten, dass die Datei mit der Endung .html gespeichert wird — dafür muss bei Dateityp die Option „Alle Dateien" ausgewählt sein. Die Codierung sollte UTF-8 sein.
- Den Grundaufbau einer HTML-Seite erkläre ich in diesem YouTube-Video.
- Wie man einen Kommentar einfügt, erkläre ich im Learningsnack HTML (Kommentare).
- Einen weiteren Learningsnack gibt es zum Thema Bilder und Verweise.
HTML mit CSS
Im nächsten Schritt geht es darum, die erste Webseite aufzuhübschen. Dies geschieht mit CSS (Cascading Style Sheets). Es wird eine neue Datei mit der Endung .css erstellt, zum Beispiel format.css. Diese Datei wird dann per Verweis in der HTML-Seite eingebunden. Die Idee dahinter ist eine strikte Trennung von Inhalt und Design.
- Wie eine CSS-Datei eingebunden wird, erkläre ich im Learningsnack HTML (CSS einbinden).
- Eine kurze Einführung in Klassen und IDs gibt es im Learningsnack HTML/CSS Selektoren.
Das Box-Modell
Die Darstellung von HTML-Elementen erfolgt in Rechtecken, die auf vielfältige Weise formatiert werden können. Die Formatierungsmöglichkeiten erklärt das Box-Modell.
- Zur Einführung in das Box-Modell gibt es ein YouTube-Video.
- Weitere Informationen finden sich im Learningsnack HTML (Inline- und Block-Elemente).
- Beispiele und Erläuterungen zum Box-Modell finden sich auf den Unterseiten im Menü oben.
Und jetzt wünsche ich ganz viel Spaß beim Ausprobieren! Such dir ein Thema aus, das dich interessiert — zu deinen Hobbies oder etwas, das du magst — und lege einfach los!