Benutzer-Werkzeuge

Webseiten-Werkzeuge


internet:tags2:start

Dies ist eine alte Version des Dokuments!


Tags (2)

4. Bilder

Bilder kannst Du mit dem <img>-Tag einfügen. Es besitzt die Eigenschaften src ("Source", auf deutsch: "Quelle") und alt (Alternativtext für blinde Menschen bzw. falls das Bild zu langsam geladen wird). Zusätzlich können über die Eigenschaften width und height die Breite und Höhe des Bildes angegeben werden. Üblicherweise gibt man nur eines der beiden Maße an, das andere berechnet der Browser mithilfe des Seitenverhältnisses der Bilddatei.
Vorsicht:
Falls die Bilddatei nicht im selben Ordner liegt wie die html-Seite, musst du den ganzen Pfad der Bilddatei angeben. Liegt sie beispielsweise etwa einen Ordner tiefer im Ordner "images", so schreibst Du

<img src="images/tiger.png">

Beispiel

<img src="tiger.png" alt="Tiger" width="200px">

Ein im Browser angzeigter Link besteht immer aus zwei Teilen:

  • Der Zieladresse (hinterlegt in der Eigenschaft href) und
  • der Linkbeschreibung (Text bzw. Elemente zwischen <a> und </a>.

Zusätzlich kann über das Setzen der Eigenschaft target="_blank" bewirkt werden, dass der Browser die Seite der Zieladresse in einem neuen Reiter öffnet.

Beispiel

<a href="https://de.wikipedia.org/wiki/Terry_Pratchett" target="_blank">Hier geht's zum Wikipedia-Artikel über Sir Terry Pratchett</a>

wird so dargestellt:

internet/tags2/start.1733812043.txt.gz · Zuletzt geändert: von Martin Pabst

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki