X

Headline

This is an important message requiring you to make a choice if you're based in the EU.

HTML-Attribute

Die HTML-Attribute werden verwendet, um zusätzliche Information über die HTML-Elemente bereitzustellen. Das Attribut hat einen Namen, der in Anführungszeichen ("") vor dem Gleichheitszeichen (=) und dem Wert platziert wird.

Syntax

<tag attribute=”value”>Ihr Text</tag>

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <a href="https://de.w3docs.com">Klicken Sie hier und gehen Sie zu Homepage.</a>
  </body>
</html>

Ergebnis

Klicken Sie hier und gehen Sie zu Homepage.


In unserem Beispiel haben wir das Tag <a> mit dem Attribut href verwendet. Zwischen den Anführungszeichen haben wir die Adresse der Seite, wohin wir nach dem Klicken auf den Link weitergeleitet werden, platziert.

Mehrfache Attribute

Dem HTML-Element können Sie mehrere Attribute hinzufügen. Es ist sehr wichtig, zwischen denen Leerzeichen zu lassen.

Dabei spielt es keine Rolle, in welcher Reihenfolge die Attribute platziert werden.

Syntax

<tag attribute1="value" attribute2="value">Ihr Text</tag>

Die Liste von häufig verwendeten HTML-Attributen:

Attribute Beschreibung Beispiel
alt Definiert einen alternativen Text, wenn das ursprüngliche Element nicht angezeigt wird. alt=”HTML Attributes”
height Definiert die Höhe des Elements. height=”250”
href Definiert die URL für den Link href=”https://www.w3docs.com/”
hreflang Definiert die Sprache des verlinkten Dokuments. hreflang="en"
id Definiert eine einzigartige ID für ein HTML-Element. id="example"
lang Definiert die Sprache des Dokuments (verwendet im Tag ) <html lang="en-US">
rel Definiert die Beziehung zwischen den target und verlinkten Dokumenten rel="nofollow"
shape Definiert die Form des Elements shape="circle"
span Definiert, wie viele Spalten überspannt werden sollen. span="2"
src Definiert die Herkunft des Elements src=”image.jpg”
start Setzt den Startwert einer geordneten Liste (verwendet im Tag <ol>) <ol start="30">
style Setzt CSS-Stil des HTML-Elements (Größe, Font, Farbe usw.) style="color:red;text-align:right"
target Legt fest, wo der Link geöffnet werden soll target=”_blank”
wrap Legt fest, ob der Text umgebrochen werden soll wrap=”hard”
width Gibt die Breite des Elements an width=”120”

Sehen Sie auch die Liste von HTML Globalen Attributen, die mit den HTML-Elementen verwendet werden können.




Finden Sie das nützlich?

Ähnliche Artikel