HTML Attribute

HTML Attribute geben zusätzliche Informationen für HTML Elemente an.


HTML Attribute

  • Alle HTML Elemente können Attribute enthalten

  • Attribute geben zusätzliche Informationen für HTML Elemente an

  • Attribute werden immer in den Start Tag eines HTML Elementes geschrieben

  • Attribute kommen normalerweise in Name / Wert-Paaren wie: name="wert"


Das href Attribut

HTML Links werden mit dem <a> Tag definiert.

Das Ziel des HTML Links wird in dem href Attribut angegeben:

Demo Beispiel

Wir lernen mehr über Links und das <a> Tag, bzw. href Attribut in diesem HTML Online Web Tutorial Kurs.


Das src Attribut

HTML Bilder werden mit dem <img> Tag definiert.

Der Dateiname der Bildquelle wird in dem src Attribut angegeben:

Demo Beispiel


Die width und height Attribute

HTML Bilder haben eine Reihe von Größenattributen, die die Breite und die Höhe des Bildes angeben:

Demo Beispiel

Die HTML Bildergrösse wird in Pixel definiert: width="151" bedeutet 151 Pixel breit bzw. weit.

Wir lernen mehr über HTML Bilder in unserem folgenden HTML Bilder Tutorial.


Das alt Attribut

Das alt Attribut definiert einen alternativen Text, welcher angezeigt wird, wenn das Bild nicht geladen werden kann, durch einen ebentuell fehlerhaften Dateinamen.

Der Wert des alt Attributes kann von Bildschirmleseprogrammen und Readern gelesen werden. Auf diese At und Weise hört jemand auf einer Webseite, hört sich komisch an, jedoch z.B. eine blinde Person kann das Element "hören", indem der Reader oder das Bilschirmleseprogramm es der blinden Person vorliest.

Demo Beispiel

Das alt Attribut ist ebenfalls hilfreich bei Bildern welche nicht existieren, da der alternative Text angezeigt wird.

Das passiert, wenn das HTML Bild nicht richtig angezeigt werden kann. Der alternative alt Attribut wird angezeigt und ausgegeben.

W3Schule Logo

Das style Attribut

Das style Attribut wird benutzt, um den Stil(das Aussehen) eines Elementes zu verändern und zu bearbeiten wie Farbe, Schriftart, Größe etc.

Demo Beispiel

Das obige Demo Beispiel erzeugt einen rot eingefärbten Paragraphen.

Wir lernen mehr über CSS, Style und Stile in unserem kommenden CSS Online Web Tutorial Kurs.


Das lang Attribut

Die Sprache des Dokumentes kann im <html> Tag definiert werden.

Die Sprache eines Dokumentes, wird mit dem lang Attribut definiert.

Die Definition einer Sprache ist wichtig für Eingabehilfen (Screenreader) und Suchmaschinen.

Demo Beispiel

Die ersten beiden Buchstaben defienieren die Sprache (de), falls ein Dialekt in der Sprache vorhanden ist, wird dieser mit zwei weiteren Buchstaben defieniert (DE).


Das title Attribut

Hier wird dem HTML Element <p> ein title Attribut beigefügt. Der Wert des title Attributs wird als Tooltip angezeigt, wenn der Mauszeiger über das <p> Element geführt wird.

Demo Beispiel


Wir empfehlen: Kleinbuchstaben bei Attributen

Der HTML5 Standard erfordert keine Attributnamen in Kleinbuchstaben geschrieben.

Das title Attribut kann in Großbuchstaben oder Kleinbuchstaben geschrieben werden(title oder TITLE).

W3C empfiehlt Kleinbuchstaben in HTML und fordert Kleinbuchstaben, für strengere Dokumenttypen wie zum Beispiel XHTML.


Wir empfehlen: Anführungszeichen um Attributwerte

Der HTML5 Standard erfordert keine Anführungszeichen um Attributwerte.

Das oben gezeigte href Attribut kann ebenso wie folgt geschrieben werden:

Demo Beispiel

W3C empfiehlt Anführungszeichen um HTML Attribute und fordert Anführungszeichen für strengere Dokumenttypen wie XHTML Dokumenten und Webseiten.

Manchmal ist es allerdings notwendig, Anführungszeichen zu verwenden. In diesem Beispiel wird das title Attribut nicht korrekt angezeigt, da es ein Leerzeichen enthält:

Demo Beispiel

Anführungszeichen werden am häufigsten verwendet und genutzt. Das Auslassen von Anführungszeichen kann zu Fehlern führen.Bei W3Schule werden immer Anführungszeichen um Attributwerte verwendet.


Einfache oder Doppelte Anführungszeichen?

Doppelte Anführungszeichen um Attributwerte sind am gängigsten in der HTML Sprache, allerdings können ebenso einfache oder einzelne Anführungszeichen verwendet werden.

In manchen Situationen, wenn der Wert des Attributs selber doppelte Anführungszeichen enthält, müssen einfache Anführungszeichen verwendet werden:

Demo Beispiel

Oder umgekehrt:

Demo Beispiel


HTML Attribute Lektion Zusammenfassung

  • Alle HTML Elemente können Attribute enthalten

  • Das title Attribut gibt zusätzliche Informationen als "Tooltip" für HTML Elemente an

  • Das href Attribut stellt Adressinformationen für Links zur Verfügung

  • Die width und height Attribute stellen Größeninformationen für HTML Bilder zur Verfügung

  • Das alt Attribut stellt Text für Bildschirmleseprogramme bereit


HTML Attribute

hier folgt eine alphabetische Liste einiger Attribute, die häufig in HTML Elementen verwendet werden:

Attribut Beschreibung
alt Definiert einen alternativen Text für ein Bild, wenn das Bild nicht angezeigt werden kann.
disabled Definiert das ein Input Element, untauglich und arbeitsunfähig gemacht wird.
href Definiert die URL (Web Adresse) für einen Link
id Definiert eine einzigartige und einmalige id für ein HTML Element
src Definiert die URL (Web Adresse) für ein Bild
style Definiert einen Inline CSS Stil für ein HTML Element
title Gibt zusätzliche Informationen zu einem HTML Element an (angezeigt als Tooltip)

Eine vollständige Liste aller Attribute sammt Beschreibung, für jedes HTML Element finden Sie in unseren HTML Referenzen.

Zurück Nächste Lektion