So fügen Sie einem HTML-Tag ein Attribut hinzu

click fraud protection

Die HTML-Sprache enthält eine Reihe von Elementen. Dazu gehören häufig verwendete Website-Komponenten wie Absätze, Überschriften, Links und Bilder. Es gibt auch eine Reihe neuerer Elemente, die mit HTML5 eingeführt wurden, einschließlich Kopfzeile, Navigation, Fußzeile und mehr. Alle diese HTML-Elemente werden verwendet, um die Struktur eines Dokuments zu erstellen und ihm eine Bedeutung zu geben. Um Elementen noch mehr Bedeutung zu verleihen, können Sie ihnen Attribute zuweisen.

Ein einfaches öffnendes HTML-Tag beginnt mit dem -Zeichen. Zum Beispiel würde das einleitende Absatz-Tag wie folgt geschrieben:

So fügen Sie Ihrem. ein Attribut hinzu HTML-Tag, setzen Sie zuerst ein Leerzeichen nach dem Tag-Namen (in diesem Fall ist das das "p"). Dann würden Sie den Attributnamen, den Sie verwenden möchten, gefolgt von einem Gleichheitszeichen hinzufügen. Schließlich wird der Attributwert in Anführungszeichen gesetzt. Beispielsweise:


Tags können mehrere Attribute haben. Sie würden jedes Attribut mit einem Leerzeichen von den anderen trennen.

instagram viewer


Elemente mit erforderlichen Attributen

Einige HTML-Elemente benötigen tatsächlich Attribute, wenn sie wie beabsichtigt funktionieren sollen. Das Bildelement und das Linkelement sind zwei Beispiele dafür.

Das Bildelement erfordert das Attribut "src". Dieses Attribut teilt dem Browser mit, welches Bild Sie an diesem Ort verwenden möchten. Der Wert des Attributs wäre ein Dateipfad zum Bild. Beispielsweise:

Unser Firmenlogo

Sie werden feststellen, dass wir diesem Element ein weiteres Attribut hinzugefügt haben, das "alt" oder alternative Textattribut. Dies ist technisch kein erforderliches Attribut für Bilder, aber es ist eine bewährte Methode, diesen Inhalt immer aus Gründen der Barrierefreiheit einzuschließen. Der im Wert des Alt-Attributs aufgeführte Text wird angezeigt, wenn ein Bild kann nicht geladen werden aus irgendeinem Grund.

Ein weiteres Element, das bestimmte Attribute erfordert, ist das Anker- oder Link-Tag. Dieses Element muss das "href"-Attribut enthalten, das für "Hypertext-Referenz" steht Dieser Link sollte gehen." So wie das Bildelement wissen muss, welches Bild geladen werden soll, muss das Link-Tag wissen, wo es sein soll zu. So kann ein Link-Tag aussehen:


Dieser Link würde nun eine Person zu der im Wert eines Attributs angegebenen Website führen. In diesem Fall ist es die Hauptseite von Dotdash.

Attribute als CSS-Hooks

Eine andere Verwendung von Attributen ist, wenn sie als "Hooks" für verwendet werden CSS-Stile. Weil Webstandards vorschreiben, dass Sie die Struktur Ihrer Seite (HTML) getrennt von ihren Stilen halten sollten (CSS) verwenden Sie diese Attribut-Hooks im CSS, um festzulegen, wie die strukturierte Seite im Web angezeigt wird Browser. Zum Beispiel könnten Sie dieses Markup in Ihrem HTML-Dokument haben.


Wenn Sie möchten, dass diese Unterteilung eine Hintergrundfarbe von Schwarz (#000) und eine Schriftgröße von 1,5 em hat, würden Sie dies zu Ihrem CSS hinzufügen:

.featured { Hintergrundfarbe: #000; Schriftgröße: 1,5em;}

Das Klassenattribut "featured" fungiert als Hook, den wir im CSS verwenden, um Stile auf diesen Bereich anzuwenden. Wir könnten hier auch ein ID-Attribut verwenden, wenn wir wollten. Sowohl Klassen als auch IDs sind universelle Attribute, was bedeutet, dass sie jedem Element hinzugefügt werden können. Sie können auch beide mit spezifischen CSS-Stilen beliefert werden, um das visuelle Erscheinungsbild dieses Elements zu bestimmen.

Bezüglich Javascript

Schließlich können Sie die Verwendung von Attributen für bestimmte HTML-Elemente auch in Javascript verwenden. Wenn Sie ein Skript haben, das nach einem Element mit einem bestimmten ID-Attribut sucht, ist dies eine weitere Verwendung dieses gebräuchlichen Teils der HTML-Sprache.

instagram story viewer