Tabelle der HTML-Tags
Ein HTML-Tag wird normalerweise als eine Menge von Zeichen definiert, die einen formatierten Befehl für eine Webseite bereitstellt. Tags geben Anweisungen für die Struktur und Darstellung von Inhalten.
Früher waren HTML-Tags für den größten Teil des Webcodes verantwortlich. Heute hat ihre Bedeutung jedoch abgenommen.
HTML-Tags umfassen Tags für Überschriften oder Titel, Tags für Tabellen, Tags für Verweise usw. Ein HTML-Tag hat einen Tag-Namen, der in spitzen Klammern geschrieben wird. Er kann paarweise auftreten und dabei ein öffnendes und ein schließendes Tag anzeigen, das einen Text, einen bestimmten Codeabschnitt oder andere Tags umschließt. Das öffnende Tag besteht aus einem Namen, dem ein oder mehrere Attribute folgen können. Das schließende Tag besteht aus demselben Namen, dem ein Schrägstrich (/) vorangestellt ist.
Unten finden Sie eine Tabelle mit HTML-Tags und kurzen Beschreibungen.
Grundlegende Tags
| Tag | Beschreibung |
|---|---|
| <!DOCTYPE> | Legt den Dokumenttyp fest. |
<html> | Legt ein HTML-Dokument fest. |
<head> | Enthält allgemeine Informationen (Metadaten) über das Dokument. |
<title> | Legt den Titel des Dokuments fest. |
<body> | Gibt den Body des Dokuments an. |
<h1> to <h6> | Definiert HTML-Überschriften. |
<p> | Definiert einen Absatz. |
<br> | Gibt einen Zeilenumbruch an. |
<hr> | Fügt eine horizontale Linie ein oder definiert einen thematischen Bruch. |
| <!-- ... --> | Definiert einen Kommentar. |
Formatierungstags
Formatierungstags werden für die visuelle Gestaltung und zur Hervorhebung von Textfragmenten verwendet.
| Tag | Beschreibung |
|---|---|
<acronym> | Definiert Akronyme. Wird in HTML5 nicht unterstützt. Stattdessen wird das Tag <abbr> verwendet. |
<abbr> | Definiert eine Abkürzung oder ein Akronym. |
<address> | Gibt Kontaktinformationen für den Autor/Besitzer eines Dokuments/Artikels an. |
<b> | Zeigt Text in fetter Schrift an. |
<bdi> | Isoliert ein Textfragment von seiner Umgebung für die bidirektionale Textformatierung. Neues Element in HTML5. |
<bdo> | Überschreibt die aktuelle Textrichtung. |
<big> | Zeigt Text in größerer Schrift an. Wird in HTML5 nicht unterstützt. Stattdessen werden CSS-Stile verwendet. |
<blockquote> | Definiert ein längeres Zitat. |
<center> | Zeigt Text zentriert an. Wird in HTML5 nicht unterstützt. Stattdessen werden CSS-Stile verwendet. |
<cite> | Beschreibt einen Verweis (Titel, Autor oder URL) auf ein zitiertes kreatives Werk. |
<code> | Definiert ein Fragment von Computercode. |
<del> | Gibt gelöschten Text an. |
<dfn> | Legt eine Definition eines Begriffs kursiv fest. |
<em> | Gibt hervorgehobenen Text an. |
<font> | Legt Schriftart, Farbe und Größe des Textes fest. Wird in HTML5 nicht unterstützt. Stattdessen werden CSS-Stile verwendet. |
<i> | Zeigt Text kursiv an. |
<ins> | Definiert in ein Dokument eingefügten Text. |
<kbd> | Gibt Tastatureingaben an. |
<mark> | Enthält markierten/hervorgehobenen Text. Neues Element in HTML5. |
<meter> | Definiert eine skalare Messung innerhalb eines bekannten Bereichs (eine Anzeige). |
<pre> | Definiert vorformatierten Text. |
<progress> | Zeigt den Fortschritt einer Aufgabe an (Fortschrittsbalken). Neues Element in HTML5. |
<q> | Definiert ein kurzes Zitat. |
<rp> | Enthält einen alternativen Text, der in Browsern angezeigt wird, die den <ruby>-Text nicht unterstützen. Neues Element in HTML5. |
<rt> | Definiert die Aussprache eines Zeichens, das in Ruby-Anmerkungen dargestellt wird (für ostasiatische Typografie). Neues Element in HTML5. |
<ruby> | Stellt eine Ruby-Anmerkung dar (für ostasiatische Typografie). Neues Element in HTML5. |
<s> | Zeigt Text, der nicht mehr korrekt ist, in durchgestrichener Form an. |
<samp> | Legt eine Beispielausgabe eines Computerprogramms fest. |
<small> | Zeigt Text in kleinerer Schrift an. |
<strike> | Definiert Text in durchgestrichener Form. Wird in HTML5 nicht unterstützt. Stattdessen werden die Tags <del> oder <s> verwendet. |
<strong> | Definiert stark hervorgehobenen Text. |
<sub> | Definiert tiefgestellten Text. |
<sup> | Definiert hochgestellten Text. |
<template> | Definiert eine Vorlage. Neues Element in HTML5. |
<time> | Definiert ein Datum/eine Uhrzeit. Neues Element in HTML5. |
<tt> | Zeigt Text in Schreibmaschinenoptik an. Wird in HTML5 nicht unterstützt. Stattdessen werden CSS-Stile verwendet. |
<u> | Zeigt Text stilistisch anders als normalen Text an, nämlich unterstrichen. |
<var> | Definiert eine Variable. |
<wbr> | Definiert einen möglichen Zeilenumbruch. Neues Element in HTML5. |
Formular-Tags
| Tag | Beschreibung |
|---|---|
<form> | Gibt ein HTML-Formular für Benutzereingaben an. |
<input> | Definiert ein Eingabefeld. |
<textarea> | Legt ein mehrzeiliges Texteingabefeld (Textbereich) fest. |
<button> | Definiert eine anklickbare Schaltfläche innerhalb eines HTML-Formulars. |
<select> | Definiert eine Auswahlliste innerhalb eines Formulars. |
<optgroup> | Gruppiert zusammengehörige Optionen in einer Auswahlliste. |
<option> | Definiert eine Option in einer Auswahlliste. |
<label> | Legt eine Beschriftung für ein <input>-Element fest. |
<fieldset> | Gruppiert zusammengehörige Elemente in einem Formular. |
<legend> | Legt einen Titel für ein <fieldset>-Element fest. |
<datalist> | Enthält eine Reihe vordefinierter Optionen für ein <input>-Element. Neues Element in HTML5. |
<keygen> | Erzeugt ein öffentlich-privates Schlüsselpaar zum Kodieren/Dekodieren von Formulardaten. Veraltet und aus modernen Standards entfernt. |
<output> | Definiert das Ergebnis einer Berechnung. Neues Element in HTML5. |
Frame-Tags
| Tag | Beschreibung |
|---|---|
<frame> | Gibt einen einzelnen Frame innerhalb eines Framesets an. Wird in HTML5 nicht unterstützt. |
<frameset> | Gibt einen Satz von Frames an. Wird in HTML5 nicht unterstützt. |
<noframes> | Enthält alternativen Inhalt, der in Browsern angezeigt wird, die Frames nicht unterstützen. Wird in HTML5 nicht unterstützt. |
<iframe> | Zeigt eine URL in einem Inline-Frame an. |
Bild-Tags
| Tag | Beschreibung |
|---|---|
<img> | Gibt ein Bild an. |
<map> | Gibt eine clientseitige Image-Map an. |
<area> | Definiert einen interaktiven Bereich innerhalb einer Image-Map. |
<canvas> | Definiert einen Bereich im Dokument, in dem man per Skript (normalerweise JavaScript) spontan Grafiken zeichnen kann. Neues Element in HTML5. |
<figcaption> | Definiert einen Titel für ein <figure>-Element. Neues Element in HTML5. |
<figure> | Definiert eigenständigen Inhalt. Neues Element in HTML5. |
<picture> | Container für mehrere Bildressourcen, die innerhalb von <source>-Elementen angegeben werden. Neues Element in HTML5. |
<svg> | Container für SVG-Grafiken. Neues Element in HTML5. |
Audio/Video-Tags
| Tag | Beschreibung |
|---|---|
<audio> | Definiert Audioinhalte. Neues Element in HTML5. |
<source> | Enthält alternative Medienressourcen für Medienelemente wie <video> oder <audio>. Neues Element in HTML5. |
<track> | Enthält einen Text-Track für die Medienelemente (<video> und <audio>). Neues Element in HTML5. |
<video> | Definiert Videoinhalte. Neues Element in HTML5. |
Link-Tags
| Tag | Beschreibung |
|---|---|
<a> | Definiert einen Hyperlink. |
<link> | Legt die Beziehung zwischen dem aktuellen Dokument und einer externen Ressource fest (meist ein externes CSS-Stylesheet). |
<nav> | Definiert Navigationslinks. Neues Element in HTML5. |
Listen-Tags
| Tag | Beschreibung |
|---|---|
<ul> | Definiert eine ungeordnete Liste. |
<ol> | Definiert eine geordnete Liste. |
<li> | Definiert ein Listenelement. |
<dir> | Definiert eine Verzeichnisliste. Wird in HTML5 nicht unterstützt. |
<dl> | Definiert eine Definitionsliste. |
<dt> | Definiert einen Begriff/Gegenstand in einer Definitionsliste. |
<dd> | Definiert eine Definition für einen Begriff in einer Definitionsliste. |
<menu> | Definiert eine Liste von Befehlen/ein Kontextmenü. |
<menuitem> | Definiert einen Eintrag in einem Kontextmenü. Neues Element in HTML5. |
Tabellen-Tags
| Tag | Beschreibung |
|---|---|
<table> | Definiert eine Tabelle. |
<caption> | Definiert einen Titel der Tabelle. |
<th> | Definiert eine Kopfzelle in einer Tabelle. |
<tr> | Definiert eine Zeile von Zellen in einer Tabelle. |
<td> | Definiert eine Zelle in einer Tabelle. |
<thead> | Gruppiert eine Reihe von Zeilen, die die Spaltenbeschriftungen einer Tabelle beschreibt. |
<tbody> | Gruppiert eine Reihe von Zeilen, die den Hauptteil der Tabellendaten definieren. |
<tfoot> | Definiert eine Fußzeile einer Tabelle. |
<col> | Definiert Werte für eine oder mehrere Spalten in einem <colgroup>-Element. |
<colgroup> | Gibt eine Gruppe von einer oder mehreren Spalten in einer Tabelle zur Formatierung an. |
Styling- und semantische Tags
| Tag | Beschreibung |
|---|---|
<style> | Enthält Stilinformationen (üblicherweise CSS). |
<div> | Definiert eine Division oder einen Abschnitt in einem Dokument. |
<span> | Definiert einen Inline-Abschnitt ohne Stil in einem Dokument. |
<header> | Definiert einen Kopfbereich oder einen Abschnitt mit einleitenden Inhalten. Neues Element in HTML5. |
<footer> | Definiert die Fußzeile eines Dokuments oder eines Abschnitts. Neues Element in HTML5. |
<main> | Gibt den Hauptinhalt eines Dokuments an. Neues Element in HTML5. |
<section> | Definiert einen Abschnitt eines Dokuments (Kopfbereich, Fußbereich usw.). Neues Element in HTML5. |
<article> | Definiert einen Artikel. Neues Element in HTML5. |
<aside> | Definiert einen Abschnitt, der Informationen enthält, die lose mit dem Seiteninhalt verbunden sind. Neues Element in HTML5. |
<details> | Enthält zusätzliche Details, die der Benutzer anzeigen oder ausblenden kann. Neues Element in HTML5. |
<dialog> | Definiert ein Dialogfeld oder Fenster. Neues Element in HTML5. |
<data> | Definiert eine maschinenlesbare Übersetzung des Inhalts. Neues Element in HTML5. |
<summary> | Definiert eine Zusammenfassung für das <details>-Element. Neues Element in HTML5. |
Metadaten-Tags
| Tag | Beschreibung |
|---|---|
<head> | Enthält technische Informationen über das Dokument, die dem Benutzer nicht angezeigt werden. |
<meta> | Enthält Metadaten des Dokuments. |
<base> | Definiert die Basis-URL (absolute URL) für alle verknüpften Objekte auf einer Seite. |
<basefont> | Gibt die Standardschriftart, -größe und -farbe für einen Text an. Wird in HTML5 nicht unterstützt. |
Skript- und Programmier-Tags
| Tag | Beschreibung |
|---|---|
<script> | Enthält Skript im Dokument für die clientseitige Verarbeitung. |
<noscript> | Definiert alternativen Inhalt, der in Browsern angezeigt wird, die Skripte nicht unterstützen. |
<applet> | Gibt ein eingebettetes Applet an. Wird in HTML5 nicht unterstützt. |
<embed> | Enthält eine externe Anwendung, typischerweise Multimedia-Inhalte wie Audio oder Video, die in ein HTML-Dokument eingebettet sind. |
<object> | Definiert ein eingebettetes Objekt (Video, Flash, Applets, Bilder usw.). |
<param> | Definiert einen Parameter für ein Objekt- oder Applet-Element. |
Practice
Welche der folgenden Tags gelten in HTML als 'Container'-Tags?