Spezielle Tags
Last updated
Was this helpful?
Last updated
Was this helpful?
Das <img>-Tag bettet ein Bild an der Stelle der Seite ein, wo es in der HTML-Struktur eingegliedert ist. Es tut dies mit dem src ('src' steht für 'source') Attribut, welches den Pfad zum gewünschen Bild beinhaltet.
Das genauso wichtige Attribut ist das alt-Attribut. Diese Attribut muss immer vorhanden sein. Es darf jedoch explizit leer gelassen werden.
Der Text im alt-Attribut wird angezeigt, wenn das Bild nicht geladen werden kann. Dies ist nützlich für Sehbehinderte, für Suchmaschinen (können keine Bilder sehen) und wenn es einen Fehler beim Laden des Bildes gibt. Dieser alternative Satz sollte dem Leser eine Informationen geben, damit er sich vorstellen kann, was auf dem Bild angezeigt ist.
Die Attribute width und height können optional angegeben werden, damit der Browser weiss, wie breit bzw. hoch die Bilder werden sollen. Die Werte sollten den wirklichen Pixel-Massen des Bildes entsprechen! Der Wert ist ohne "px". Wird nur width oder nur height angegeben, wird der andere Wert automatisch bewechnet.
Mit Überschriftelementen können bestimmte Teile des Inhaltes als Überschrift deklariert werden. Wie ein Buch einen Hauptitel und Kapitelüberschriften haben kann, können HTML Dokumente eine Hauptüberschrift und weitere Überschriften haben.
HTML besitzt sechs Überschrifttypen, wobei meist nur 3-4 gebraucht werden: <h1>–<h6>
Jede Seite sollte genau eine Hauptüberschrift <h1> und beliebig viele Unterüberschriften <h2>-<h6> haben. Um eine logische Dokumentenstruktur zu erhalten, sollten keine Ebenen übersprungen werden (z. B. <h3> gefolgt von <h5>).
Links sind sehr wichtig. Sie sind, was das Internet zu einem NETZ/WEB macht. Um einen Link zu implementieren, müssen wir das <a>-Element verwenden. Das a ist die Kurzform für "Anker" (engl. "anchor"). Um einen Text innerhalb des Absatzes in einen Link zu verwandeln, führen wir folgende Schritte aus:
Zuerst schreiben wir einen Absatz mit einem Satz.
Nun wählen wir die Wörter aus, welche wir als Link definieren möchten und umschliessen diesen Bereich mit einem <a>-Tag.
Nun definieren wir mit dem href-Attribut, wo der Link hinzeigen soll.
Link in neuem Fenster / Tab öffnen:
Wenn ein Link auf eine externe Website oder ein PDF verweist, ist es üblich, diese in einem neuen Tab oder neuen Fenster zu öffnen. Grund ist, dass das Ziel die bisherige Navigation nicht mehr anbietet und so die Besucher nicht mehr leicht zurück finden. Dazu gibt es das Attribut target:
