Webprojekt
Lektion 02: HTML - Inhalte strukturieren
Agenda
Hausaufgabe Lektion 01
Feedback
VS Code
Vorstellung und Einrichtung
Weekly 🔥 tips
Weekly 🔥 tips
Strg + r oder F5
Strg + s
Alt + Tab
Neuladen einer Website
Speichern einer Datei
Zwei aktive Fenster wechseln
Theorie
Das
bunte - Adjektive - CSS
Einhorn - Nomen - HTML
tanzt - Verben - JS
https://giphy.com/gifs/dance-crazy-rainbow-ZJlesIV8TnabS
HTML
Hypertext Markup Language
Hypertext Markup Language
Hypertext
Markup Language
Text, der über HTTP verschickt wurde
Auszeichnungssprache
Sprache, um Inhalte zu strukturieren
“Auszeichnungssprache für Inhalte, die über HTTP(S) verschickt wurden” → HTML
Auszeichnung mit HTML
Standardsatz an HTML-Elementen
Browser kennt deren Bedeutung
HTML-Elemente bestehen aus Tags
<p>Ich bin ein Absatz</p>
Öffnendes Tag Schließendes Tag
Umfrage
Live Coding
Genug Theorie
HTML-Skelett
HTML-Dokument benötigt “Skelett”
Kopf <head> und Körper <body>
Head beinhaltet Zusatzinformationen
Body beinhaltet sichtbare Inhalte
<!DOCTYPE html>
<html lang="de">
<head>
<title>Mein Dokument</title>
</head>
<body>
<h1>Hallo Welt</h1>
<p>Hier steht ein Absatz</p>
</body>
</html>
HTML steuert nicht die Darstellung
Der Browser enthält Basis-Set an CSS, das die heute gesehene Darstellung erzeugt
Hausaufgabe
Fragen?