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>

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