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">
5. Links
Ein 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.