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.
Übe dein Wissen
