Was ist HTML?
HTML (HyperText Markup Language) ist keine Programmiersprache, sondern eine Auszeichnungssprache. Sie beschreibt den Inhalt und die Struktur einer Website, zum Beispiel Überschriften, Texte, Bilder und Links.
Wozu braucht man HTML?
- Struktur: Inhalte logisch und übersichtlich anordnen
- Inhalt: Texte, Bilder, Videos, Links darstellen
Aufbau eines HTML-Dokuments
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Meine Website</title>
</head>
<body>
<h1>Hallo Welt</h1>
</body>
</html><head>enthält Informationen für den Browser (Titel, Meta-Daten, CSS).<body>enthält alle sichtbaren Inhalte der Website.
Wichtige HTML Elemente
<h1>Überschrift</h1>
<p>Dies ist ein Absatz.</p>
<a href="https://beispiel.de">Ein Link</a>
<ul>
<li>Listenpunkt 1</li>
<li>Listenpunkt 2</li>
</ul>
HTML Tags bestehen aus einem öffnenden und schließenden Tag, z. B.
<p> und </p>.
Attribute, Klassen und IDs
HTML Elemente können Attribute besitzen. Diese liefern zusätzliche Informationen oder Einstellungen.
<img src="images/html.png" alt="HTML5 Logo">
<div class="card">Inhalt</div>
<button id="btn">Button</button>- src: Pfad zu einer Datei (z. B. Bild)
- alt: Alternativtext für Bilder
- class: Mehrfach verwendbar (CSS-Styling)
- id: Eindeutig (oft für JavaScript)