1. Home
  2. Docs
  3. HTML
  4. HTML Grundlagen

HTML Grundlagen

HTML, oder Hypertext Markup Language, ist die grundlegende Auszeichnungssprache, die für die Strukturierung und Präsentation von Inhalten im Internet verwendet wird. Sie ermöglicht es, Texte, Bilder und andere Medien zu formatieren und auf Webseiten anzuzeigen. Hier sind die wesentlichen Grundlagen von HTML.

Was ist HTML?

HTML ist keine Programmiersprache, sondern eine Auszeichnungssprache. Das bedeutet, dass sie keine logischen Operationen oder Variablen enthält, sondern lediglich Anweisungen zur Formatierung von Inhalten gibt. Jedes HTML-Dokument besteht aus sogenannten Tags, die in spitzen Klammern geschrieben werden. Ein einfaches Beispiel für einen HTML-Tag ist:

<h1>Dies ist eine Überschrift der Stufe 1</h1>

Hierbei wird der Text zwischen dem öffnenden <h1>-Tag und dem schließenden </h1>-Tag als Überschrift dargestellt.

Grundstruktur eines HTML-Dokuments

Ein typisches HTML-Dokument hat eine klare Struktur und beginnt mit einer Dokumenttypdeklaration:

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Titel der Seite</title>
</head>
<body>
    <p>Ein einfacher Absatz mit Text.</p>
</body>
</html>

Erläuterung der Struktur

  • <!DOCTYPE html>: Diese Zeile teilt dem Browser mit, dass es sich um ein HTML5-Dokument handelt.
  • <html>: Umfasst das gesamte Dokument.
  • <head>: Enthält Metainformationen wie den Zeichensatz und den Titel der Seite.
  • <body>: Beinhaltet den sichtbaren Inhalt der Webseite.

Wichtige HTML-Tags

HTML bietet eine Vielzahl von Tags zur Strukturierung von Inhalten:

  • Überschriften: <h1> bis <h6> für verschiedene Hierarchiestufen.
  • Absätze: <p> für Textabsätze.
  • Listen: <ul> für ungeordnete Listen und <ol> für geordnete Listen.
  • Links: <a href="URL">Linktext</a> zum Erstellen von Hyperlinks.
  • Bilder: <img src="bild.jpg" alt="Beschreibung">, um Bilder einzufügen.

Fazit

HTML ist eine essenzielle Technologie für die Webentwicklung. Durch das Verständnis der grundlegenden Struktur und der verschiedenen Tags können Benutzer ansprechende Webseiten erstellen. HTML bildet die Grundlage für alle weiteren Technologien im Web, wie CSS und JavaScript.