Glückwunsch!
Glückwunsch, du hast den HTML-Kurs abgeschlossen! Du hast eine ganze Webseite allein gebaut, von der Dokumenttyp-Deklaration bis zum Formular.
Bisher lebt deine Seite nur im Editor. Um sie zu behalten, speichere sie als Datei auf deinem Computer:
- Nimm den Code, den du in der vorigen Übung kopiert hast (oder kopiere das Beispiel im Editor hier).
- Öffne einen einfachen Texteditor, zum Beispiel den Editor unter Windows oder TextEdit auf dem Mac, oder einen Code-Editor wie Visual Studio Code. In TextEdit stellst du das Dokument zuerst auf reinen Text um (Format → In reines Textformat umwandeln).
- Füge den Code ein und speichere die Datei unter dem Namen
index.html. - Doppelklicke auf die gespeicherte Datei, und die Seite öffnet sich in deinem Webbrowser.
Achte aber auf Bilder: Ein Bild mit einer Adresse wie /learn/html/cats.webp erscheint auf deinem Computer nicht, weil diese Adresse nur auf unserer Webseite funktioniert. Verwende die vollständige Adresse des Bildes, die mit https:// beginnt (unsere Katzen findest du unter https://www.startcoder.com/learn/html/cats.webp), oder speichere das Bild im selben Ordner wie index.html und schreibe nur seinen Dateinamen, zum Beispiel src="cats.webp".
Deine Seite funktioniert, sieht aber noch ziemlich schlicht aus: schwarzer Text auf weißem Hintergrund. HTML beschreibt, was auf der Seite steht; wie sie aussieht (Farben, Schriften, Layout), ist die Aufgabe von CSS. Im CSS-Kurs lernst du, deine Seite genau so zu gestalten, wie du sie dir vorstellst.
So schreibst du es:
Anweisungen
- 1
Glückwunsch zum Abschluss des HTML-Kurses! Speichere deine Seite auf deinem Computer und mach mit dem CSS-Kurs weiter, wenn du bereit bist.