Aus dem Kurs: Grundkurs Webtechniken 1: HTML
Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 24.900 Kurse von Branchenfachleuten.
Das HTML-Grundgerüst: 1. <!doctype> und das Stammelement <html> – Tutorial zu HTML
Aus dem Kurs: Grundkurs Webtechniken 1: HTML
Das HTML-Grundgerüst: 1. <!doctype> und das Stammelement <html>
Sie sehen hier den Übungsordner. Darin gibt es eine Datei index.html und die ist noch komplett leer. Das ist also eine HTML-Datei noch ohne HTML. Hier haben Sie den Editor Visual Studio Code und hier sehen Sie den Übungsordner und die Datei ist bereits im Editor geöffnet. Jede HTML-Datei hat ein Grundgerüst, das einer Webseite wie ein Skelett eine Struktur gibt und sie im Innersten zusammenhält. Und dieses Grundgerüst werden Sie hier jetzt erstellen. In Visual Studio Code gibt es ein nützliches Tool mit dem Namen Emmet. Den Namen sehen Sie hier im Menü Bearbeiten → Emmet: Abkürzung erweitern mit der Tabtaste. Das heißt, wenn Sie hier etwas tippen und Sie sehen dann das Wort Emmet, dann drücken Sie die Tabtaste und dann wird dieses Kürzel zu einem Schnipselcode erweitert. Das Grundgerüst bekommen Sie, indem Sie einfach ein Ausrufezeichen drücken. Und dann sehen Sie da schon Emmet-Abkürzung, wenn ich jetzt die Tabtaste drücke, dann haben Sie hier schon ein kleines Grundgerüst stehen…
Inhalt
-
-
-
-
HT-M-L: Webseiten bestehen am Bildschirm aus rechteckigen Kästchen3 Min. 43 Sek.
-
(Gesperrt)
Den Editor kennenlernen und die erste Webseite erstellen: index.html4 Min. 25 Sek.
-
(Gesperrt)
Das HTML-Grundgerüst: 1. <!doctype> und das Stammelement <html>3 Min. 43 Sek.
-
(Gesperrt)
Das HTML-Grundgerüst: 2. <head> – Informationen über die Webseite4 Min. 34 Sek.
-
(Gesperrt)
Das HTML-Grundgerüst: 3. <body> – der im Browser sichtbare Bereich der Webseite4 Min. 10 Sek.
-
(Gesperrt)
Entwicklerwerkzeuge: HTML im Browser untersuchen3 Min. 5 Sek.
-
(Gesperrt)
Challenge: HTML-Elemente für den <head> checken49 Sek.
-
(Gesperrt)
Solution: HTML-Elemente für den <head> checken2 Min. 49 Sek.
-
-
-
-
-
-
-
-