🔹 Allgemeines
- HTML (HyperText Markup Language): Die Standard-Auszeichnungssprache zur Strukturierung von Inhalten im Web. HTML beschreibt, wie Texte, Bilder, Links und andere Elemente auf einer Webseite dargestellt werden.
🔹 Grundelemente
- Tag: Ein HTML-Befehl, der durch spitze Klammern (
< >) gekennzeichnet ist. - Element: Besteht aus einem öffnenden Tag, Inhalt und einem schließenden Tag (z. B.
<p>Text</p>). - Attribut: Zusätzliche Information innerhalb eines Tags (z. B.
href,src,class).
🔹 Wichtige Tags
| Tag | Bedeutung |
|---|---|
<html> |
Beginn des HTML-Dokuments |
<head> |
Metadaten, Titel, CSS, Skripte |
<title> |
Titel der Webseite (im Browser-Tab) |
<body> |
Sichtbarer Inhalt der Webseite |
<h1>–<h6> |
Überschriften (von groß bis klein) |
<p> |
Absatz |
<a> |
Hyperlink |
<img> |
Bild |
<div> |
Container für Layout und Struktur |
<span> |
Inline-Container |
<ul> / <ol> |
Un-/geordnete Liste |
<li> |
Listenelement |
<table> |
Tabelle |
<form> |
Formular zur Dateneingabe |
<input> |
Eingabefeld |
<button> |
Schaltfläche |
🔹 Attribute
| Attribut | Beschreibung |
|---|---|
id |
Eindeutige Kennung eines Elements |
class |
Gruppierung für CSS/JS |
href |
Zieladresse eines Links |
src |
Quelle eines Bildes oder Skripts |
alt |
Alternativtext für Bilder |
style |
Inline-CSS |
type |
Typ eines Eingabefeldes |
value |
Vorgabewert eines Formularfeldes |
🔹 Erweiterungen
- CSS (Cascading Style Sheets): Für das Design und Layout von HTML-Elementen.
- JavaScript: Für Interaktivität und dynamisches Verhalten.
- HTML5: Aktuelle Version mit neuen Tags wie
<video>,<audio>,<canvas>,<section>,<article>.
🔹 Besondere HTML5-Tags
| Tag | Zweck |
|---|---|
<header> |
Kopfbereich einer Seite oder Sektion |
<footer> |
Fußbereich |
<nav> |
Navigation |
<section> |
Thematische Gruppierung |
<article> |
Eigenständiger Inhalt |
<aside> |
Randnotizen oder Zusatzinfos |
<video> |
Einbindung von Videos |
<audio> |
Einbindung von Audio-Dateien |
<canvas> |
Zeichenfläche für Grafiken |
© 2025 MaDe-Online