html

Bilder


Bild anzeigen:
<img src="pic.jpg" alt="Erstes Bild">
Zuerst wird das Bild und das Verzeichnis in dem es sich befindet angegeben.
Danach wird dem Bild einen Alternativtext gegeben, der angezeigt wird, wenn das Bild nicht erscheint.

Bild verlinken:
Das Bild kann auch verlinkt werden.
Beim anklicken des Bildes wird dann die angegebene Adresse geöffnet.
<a href="pic.jpg"><img src="pic.jpg" alt="Erstes Bild"></a>
In diesem Beispiel, führt der Link direkt zum Bild.
Beim anklicken des Bildes wird also eine leere Seite mit dem Bild angezeigt.

Bild anpassen:
Das Bild kann mit verschiedenen Attributen angepasst werden.
  • width
  • height
Möchte man die Angaben in Pixel machen gibt man keine Einheiten an.
<img src="pic.jpg" width="104" height="90" alt="Alternativtext">
Dieses Bild wird 104 Pixel breit und 90 Pixel hoch angezeigt.

Hintergrundbild:
Mit einer einfachen Methode, kann das Hintergrundbild der Seite bestimmt werden.
<html>
<head>
<title>Hintergrundbild</title>
</head>
<body background="pic.jpg">
</body>
</html>
Das Bild kann einfach im <body> mit background hinzugefügt werden.
Schon hat man ein Hintergrundbild für die Website.