In den Anfangszeiten bestand das Web nur aus reinem Text. Dies ist heutzutage kaum noch vorstellbar und so werden Sie sicherlich in Ihre Webseite auch Grafiken einfügen wollen.
Um eine Grafik in Ihre Webseite einzubinden, müssen Sie den IMG-Tag verwenden. Dieser Tag besitzt unterschiedliche Attribute, das Wichtigste ist wohl src=”…”. Über dieses Attribut wird die Quelle, also der Dateiname der Grafik angegeben.
Darüber hinaus können mit den Attributen width=”…” und height=”…” die Breite und die Höhe der Grafik festgelegt werden. Falls die Grafik verlinkt ist, bestimmen Sie mit dem Attribut border=”…” die Dicke des Rahmens um die Grafik. Notieren Sie den Wert “0″, erscheint kein Rahmen um die Grafik. Ein weiteres Attribut, welches Sie nicht vergessen sollten, ist alt=”…”. Innerhalb der Anführungszeichen notieren Sie eine Beschreibung der Grafik. Der ursprüngliche Sinn dieses Attributes – einen alternativen Text für Besucher mit deaktivierten Grafiken bereitstellen – ist mehr der Optimierung des Suchmaschinen-Rankings gewichen.
[html]
<html>
<head>
<title>Meine erste HTML-Seite</title>
</head>
<body>
<img alt="London Eye" border="0" height="300" src="london-eye.jpg" width="400">
</body>
</html> [/html]