Übersicht über die HTML Tags nach Funktion

von Thomas Salvador.

Hier finden Sie die HTML Tags nach Funktion sortiert. Sowohl die Funktionen selbst, als auch die Tags sind jeweils alphabetisch sortiert.

Klicken Sie bitte auf den jeweiligen Tag, um eine präzise Beschreibung inklusive Beispiele zu erhalten.

In den Tutorials und Dokumentationen zu HTML finden Sie leicht leicht nachvollziehbare Beschreibungen, die Ihnen einen leichten Einstieg garantieren.

Funktionen:

Als Alternative zu dieser Übersicht biete ich Ihnen auch eine alphabetische Übersicht an.

Einbettung und Skripte in HTML

Diese Tags zählen dazu:

  • <applet> - Java-Applet einbinden
  • <noscript> - Für Scripte nicht unterstützende Browser
  • <object> - Einbettung eines Objektes
  • <param> - Parameter für eingebettete Objekte
  • <script> - Einbetten oder Einbinden eines Scriptes

Unsere JavaScript-Artikel vermitteln Ihnen eine Gefühl für JavaScript anhand konkreter Problemlösungen.

Formulare in HTML

Mit diesen Tags gestalten Sie HTML-Formulare:

Eine ausführliche Beschreibung finden Sie im Tutorial Formulare in HTML.

Frames in HTML

Frames werden mit diesen Tags realisiert:

  • <frame> - Eigenständiger Bereich in einer frameset-Umgebung
  • <frameset> - Angeordnete Menge von eigenständigen Dokumenten
  • <iframe> - Eingebettes Dokument ohne Frameumgebung
  • <noframes> - Für Frames nicht unterstützende Browser

Wie Sie Frames nutzen, zeigt Ihnen unser Tutorial Frames in HTML.

Gliederung in HTML

Diese HTML-Tags dienen der Gliederung:

  • <abbr> - Abkürzung beschreiben
  • <acronym> - Akronym beschreiben
  • <address> - Adressen
  • <br> - Erzwungener Zeilenumbruch
  • <center> - Zentrierung
  • <del> - Gelöschter Text
  • <div> - Allgemeiner Behälter
  • <h1> - Überschrift oberster Hierarchiestufe
  • <h2> - Überschrift der Hierarchiestufe 2
  • <h3> - Überschrift der Hierarchiestufe 3
  • <h4> - Überschrift der Hierarchiestufe 4
  • <h5> - Überschrift der Hierarchiestufe 5
  • <h6> - Überschrift niedrigster Hierarchiestufe
  • <hr> - Horizontale Linie
  • <ins> - Eingefügter Text
  • <p> - Absatz
  • <span> - Allgemeiner Bereich des Fließtextes

Die Kapitel Grundlegende Gestaltungselemente in HTML und Blockorientierte Elemente in HTML führen Sie im Rahmen der Einführung HTML für Einsteiger in diese Thematik ein.

Grafiken in HTML

Für Grafiken bietet Ihnen HTML folgende Möglichkeiten:

  • <area> - Bereich einer Imagemap
  • <img> - Bild
  • <map> - Beschreibung einer Karte für ein Bild

Wie man Grafiken und Icons nutzen kann, erläutert Grafik in HTML.

Grundstruktur in HTML

Die grundlegende Struktur definieren Sie mit den HTML-Tags:

  • <!-- .. --> - Kommentar
  • <!doctype> - Typ des Dokuments
  • <body> - Eigentlicher Dokumentinhalt
  • <head> - Kopfinformation zum Dokument
  • <html> - Wurzelelement eines HTML-Dokumentes
  • <meta> - Informationen zum Dokument
  • <title> - Titel des Dokuments

Die Kapitel Tags, Attribute und Plattformunabhängigkeit und Grundstruktur von HTML-Dateien zeigen die notwendige Graundlagen und Strukturen auf.

Listen in HTML

HTML bietet Ihnen mehrere Listentypen, die Sie mit den Tags beschreiben:

  • <dd> - Beschreibung eines Eintrages in einer beschreibenden Liste
  • <dir> - Liste für Verzeichnisinhalte
  • <dl> - Beschreibende Liste
  • <dt> - Titel des Eintrages in einer beschreibenden Liste
  • <li> - Listenelement
  • <menu> - Liste für Menüeinträge
  • <ol> - Geordnete Liste
  • <ul> - Ungeordnete Liste

Diese Thema wird in Listen und Glossare in HTML behandelt.

Sonstige Tags

Dieser HTML-Tag wird nicht mehr genutzt:

  • <isindex> - Auszeichnung als Index

Styles in HTML

Cascading Style Sheets (CSS) nutzen Sie mit diesen HTML-Tags:

  • <link> - Verknüpfung von Dokumenten und Ressourcen
  • <style> - Einbettung von Cascading Style Sheets (CSS)

Unsere CSS-Artikel ermöglichen Ihnen einen ersten Einblick.

Tabellen in HTML

Für die sehr flexiblen HTML-Tabellen stehen diese Tags bereit:

  • <caption> - Überschrift einer Tabelle
  • <col> - Spalte in Tabelle
  • <colgroup> - Gruppe von Spalten in Tabellen
  • <table> - Tabelle
  • <tbody> - Inhaltsbereich einer Tabelle
  • <td> - Tabellenzelle
  • <tfoot> - Fuß einer Tabelle
  • <th> - Tabellenzelle als Überschrift
  • <thead> - Kopf einer Tabelle
  • <tr> - Tabellenzeile

Eine ausführliche Beschreibung finden Sie im Tutorial Tabellen in HTML.

Textformatierung in HTML – fest

Für rein visuelle Formatierungen des Textes nutzen Sie diese Tags:

  • <b> - Fettschrift
  • <basefont> - Default-Zeichensatz-Einstellung des Dokumentes
  • <big> - Größere Schrift
  • <font> - Schriftwahl
  • <i> - Kursivschrift
  • <s> - Durchgestrichener Text (Kurzform)
  • <small> - Kleinere Schrift
  • <strike> - Durchgestrichener Text
  • <tt> - Dickengleiche Schrift
  • <u> - Unterstrichener Text

Das Setzen von Text allgemein und speziell feste Textstile beschreibt Text in HTML.

Textformatierung in HTML – logisch

Für Formatierungen, die dem Text eine Bedeutung geben, hingegen diese HTML-Tags:

  • <bdo> - Textrichtung
  • <code> - Auszeichnung als Programmcode im Fließtext
  • <dfn> - Formatierung als Definition
  • <em> - Hervorgehobener Text
  • <kbd> - Formatierung als Tastatureingabe
  • <pre> - Vorformatierter Text
  • <samp> - Formatierung al Beispiel
  • <strong> - Stark hevorgehobener Text
  • <sub> - Tiefgesteller Text
  • <sup> - Hochgestellter Text
  • <var> - Formatierung als Variable

Logische Textstile beschreibt Text in HTML.

Natürlich sind Verweise wesentlicher Bestandteil eines Hypertextes. Die Tags:

  • <a> - Link setzen
  • <base> - Referenz-Adresse für Verweise im Dokument
  • <link> - Verknüpfung von Dokumenten und Ressourcen

Diesem wichtigen Thema widmet sich Verweise und Protokolle in HTML.

Zitate in HTML

Für Zitate und andere Übernahmen bietet Ihnen HTML drei Tags an:

  • <blockquote> - Abgesetztes, i.a. mehrzeiliges Zitat
  • <cite> - Zitat im Fließtext
  • <q> - Zitat

Neben anderem wird auch das Zitat in Blockorientierte Elemente in HTML beschrieben.

Als Alternative zu dieser Übersicht biete ich Ihnen auch eine alphabetische Übersicht an.