📄 HTML - Das Grundgerüst
💡 Was ist HTML?
HTML ist die Sprache, mit der Webseiten gebaut werden.
Es steht für Hyper Text Markup Language.
🔨 Das Grundgerüst jeder HTML-Seite
Jede HTML-Seite hat einen festen Aufbau. Das ist wie das Skelett eines Hauses:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Meine erste Webseite</title>
</head>
<body>
<h1>Hallo Welt!</h1>
<p>Das ist meine erste Webseite.</p>
</body>
</html>
📝 Erklärung der einzelnen Teile:
| Code |
Bedeutung |
<!DOCTYPE html> |
Sagt dem Browser: "Das ist eine HTML5-Seite" |
<html> |
Der Anfang der HTML-Seite |
<head> |
Der Kopf - enthält Infos über die Seite (nicht sichtbar) |
<meta charset="utf-8"> |
Stellt sicher, dass Umlaute (ä, ö, ü) richtig angezeigt werden |
<title> |
Der Titel der Seite (steht im Browser-Tab) |
<body> |
Der Körper - alles hier wird im Browser angezeigt |
🎯 Deine erste Aufgabe
✏️ Aufgabe 1:
Erstelle deine erste eigene HTML-Seite!
- Öffne einen Texteditor (Notepad, VS Code, etc.)
- Kopiere das Grundgerüst von oben
- Ändere den Titel in "Meine erste HTML-Seite"
- Füge unter "Hallo Welt!" deinen Namen ein
- Speichere die Datei als
erste_seite.html
- Öffne die Datei im Browser (Doppelklick)
📝 Wie speichere ich eine HTML-Datei?
- Klicke auf "Datei" → "Speichern unter"
- Wähle einen Ordner aus (z.B. "Eigene Dateien")
- Gib einen Dateinamen ein, z.B.
meine_seite.html
- Wichtig: Wähle als Dateityp "Alle Dateien" oder "HTML"
- Klicke auf "Speichern"
💡 Tipp: Die Datei muss mit .html enden, damit der Browser sie erkennt!
🧪 Teste dein Wissen
Welche Aussagen sind richtig?
- ☐ Die
<body>-Tags sind für den sichtbaren Inhalt zuständig
- ☐ Der
<title>-Tag wird im Browser angezeigt
- ☐ Jede HTML-Seite braucht ein
<!DOCTYPE html>
- ☐ Der
<head>-Bereich ist für den sichtbaren Inhalt
🔍 Lösung anzeigen
Richtig sind: 1, 2 und 3