Bilder
Einbinden von Bildern
Natürlich wären Internetseiten langweilig ohne Bilder. Deshalb kommt jetzt DAS Tag, das
benötigt wird, um Bilder einzubinden, das <img>-TAG.
Das IMG-Tag braucht ebenfalls kein Ende-Tag, da es alle benötigten Angaben bereits
enthält.
<img src=bildname andereAngaben=wert />
Bildnamen können Dateinamen sein, sofern die Endung
.gif und
.jpg (oder .jpeg) ist.
Andere Angaben (Parameter) können sein width=... für die maximale
Bildbreite in Pixels (Bildpunkte) und height=... für die maximale
Bildhöhe in Pixels
sowie alt="TEXT zum BILD", um ein Bild noch mit einem
Text zu versehen, wenn man mit dem Cursor drüberfährt.
border=.. versieht das Bild mit einem Rahmen ,
mit einer Dicke in Pixels, wie angegeben.
Beispiel mit dem IMG-Tag zum Einbinden von Bildern
<html>
<head>
<title>Bilder</title>
</head>
<body>
<h1>bilder</h1>
Hier soll ein Bild hinkommen
<br />Fahr doch mal mit dem Cursor über die Bilder !
<img src=meinbild.jpg alt="Dieses Bild zeigt mich beim Telefonieren" />
<center>
Das nächste Bild ist wie der Text mittig angeordnet
<br />
<img src=meinminibild.gif alt="Dieses Bild ist ein Icon" />
</center>
</body>
</html>
So siehts aus
Ausprobieren
Verknüpfungen (Links)
