Attribute

Attribute erweitern Tags

  Auf dieser Seite findest du den zweiten Teil über die Syntax von HTML-Tags, die Attribute.

Tipp: Bevor du dich mit dieser Seite beschäftigst, solltest du verstehen, was HTML-Tags sind. Hier kannst du dir dieses Wissen aneignen: Tags

Attribute haben immer das gleiche Muster

<tagname attributname="attributwert">Inhalt</tagname>

Die Attributnamen sind feststehende Begriffe (Schlüsselwörter), die Attributwerte sind variabel.
Die Fachbegriffe "Attributname" und "Attributwert" musst du jedoch nicht auswendig können, um HTML-Code zu schreiben. Mit etwas logischer Überlegung wirst du intuitiv das Konzept dahinter erkennen ...

Zwei Beispiele:

<a href="https://ch.ch">zu ch.ch</a>

Mit dem anchor-Tag fügst du einen Link ein. Logische Überlegung: Der Browser muss ja wissen, wohin es gehen soll, also musst ihm das zwingend mitteilen. Genau das macht das href-Attribut.

<img src="img/myImage.png">

Mit dem image-Tag fügst du ein Bild ein. Logische Überlegung: Der Browser muss ja wissen, welches Bild er anzeigen soll, also musst ihm das zwingend mitteilen. Genau das macht das src-Attribut.