Grundlagen HTML: Unterschied zwischen den Versionen
Die Seite wurde neu angelegt: „'''HTML (HyperText Markup Language)''' ist die '''Grundlage aller Webseiten'''. Mit HTML wird die '''Struktur''' und der '''Inhalt''' einer Webseite beschrieben, z. B. Texte, Überschriften, Bilder oder Links. HTML ist '''keine Programmiersprache''', sondern eine '''Auszeichnungssprache'''. == Aufgabe von HTML == HTML beschreibt: * welche Inhalte eine Webseite hat * wie diese Inhalte strukturiert sind HTML legt '''nicht''' fest: * das Aussehen (→ C…“ |
|||
| Zeile 17: | Zeile 17: | ||
Beispiel: | Beispiel: | ||
<syntaxhighlight lang="html"> | |||
<p>Das ist ein Absatz.</p> | <p>Das ist ein Absatz.</p> | ||
</syntaxhighlight> | |||
* <code><p></code> → öffnendes Tag | * <code><p></code> → öffnendes Tag | ||
Version vom 28. Januar 2026, 09:42 Uhr
HTML (HyperText Markup Language) ist die Grundlage aller Webseiten. Mit HTML wird die Struktur und der Inhalt einer Webseite beschrieben, z. B. Texte, Überschriften, Bilder oder Links.
HTML ist keine Programmiersprache, sondern eine Auszeichnungssprache.
Aufgabe von HTML
HTML beschreibt:
- welche Inhalte eine Webseite hat
- wie diese Inhalte strukturiert sind
HTML legt nicht fest:
- das Aussehen (→ CSS)
- das Verhalten (→ JavaScript)
Grundprinzip
HTML besteht aus Elementen, die mit sogenannten Tags beschrieben werden.
Beispiel:
<p>Das ist ein Absatz.</p>
→ öffnendes Tag→ schließendes Tag- Inhalt steht dazwischen
Aufbau eines HTML-Dokuments
Ein einfaches HTML-Dokument hat immer den gleichen Grundaufbau:
```html <!DOCTYPE html> <html>
<head> <meta charset="UTF-8"> <title>Meine erste Webseite</title> </head> <body>
Hallo Welt
Das ist meine erste HTML-Seite.
</body>
</html> ```
Wichtige HTML-Elemente
| | | | - | ------------------- | | | Überschriften | | | | | | Absatz | | | | | | Link | | | | | | Bild | | | | | | Listen | | | | | | Bereich / Container | | | |
AttributeHTML-Elemente können Attribute besitzen, die zusätzliche Informationen enthalten. Beispiel: ```html <a href="https://example.com">Zur Webseite</a> ```
HTML und CSSHTML und CSS haben unterschiedliche Aufgaben:
Beispiel: ```html Text in Rot ``` HTML und JavaScriptJavaScript wird verwendet, um Webseiten interaktiv zu machen, z. B.:
Typische Einsatzgebiete
KurzmerksatzHTML beschreibt die Struktur und den Inhalt einer Webseite – nicht das Design und nicht die Logik. |
