|
Kapitel 5 - Sektion 3: Verlinkung von Bildern
Haben wir also ein geeignetes Bild gefunden, können wir es auf die Page setzen. Hierfür gibt es den <img>-Tag.
Auch der <img>-Tag hat verschiedene Parameter. An erster Stelle ist "src" zu nennen. Das ist die Abkürzung für "source", was Quelle oder Ursprung bedeutet. Da steht wieder der Pfad und der Dateiname. src="bild1.jpg" wäre also der Pfad eines Bild1 im selben Ordner der Datei.
Darüber hinaus braucht der <img>-Tag noch einen Text, der das Bild beschreibt, falls die Verlinkung nicht stimmt. Das geschieht unter dem Parameter "alt". alt="Bild 1" lässt also "Bild 1" erscheinen, falls das Bild nicht angezeigt werden kann.
Zwei weitere Attribute sind "width" und "height". Diese geben die Breite und Höhe des dargestellten Bildes in Pixeln an. Sie sind aber nur dann erforderlich, falls das Bild in einer anderen Größe als seine eigene dargestellt werden soll.
Der <img>-Tag benötigt kein End-Tag. Das ganze stellt sich dann wie folgt dar:
<html>
<head>
<title>Meine erste Internet-Seite</title>
</head>
<body>
<img src="bild1.jpg" alt="Bild 1">
</body>
</html> |
Wenn wir die Seite so speichern und aufrufen, wird entweder "Bild 1" zu lesen sein (nämlich dann, wenn wir noch kein "bild1.jpg" in dem Ordner haben, oder es wird das Bild angezeigt. Somit können wir auch Bilder in HTML einbinden. Es muss nur der genaue Name oder Pfad angegeben werden. Sind sie im selben Ordner, reicht der Name.
Wenn man um das Bild einen Rahmen haben will, kann man das in eine Tabelle einbinden.
| 