CSS Anwendung

Vorhang auf!

Anordnung

Marilyn

Mit relativ wenig Aufwand wirst du feststellen können, dass das Bild von Marilyn die Masse 349 x 527 hat. Zwar lassen sich Bilder problemlos in Webseiten einfügen, ohne dass man ihre genauen Abmessungen kennt, aber für unsere Zwecke sind wir drauf angewiesen. Versuch nun auf deiner Übungsseite folgendes:

Ersetze den kurzen Text durch die Abbildung von marilyn. Und mach das gleich perfekt: Gib für das Bild einen ALT-Text sowie Höhe und Breite an.
Mach das Bild zu einem Hyperlink, der zum eigentlichen Ziel führt. Im Beispiel hab ich dazu einfach die Homepapa-Startseite genommen.
Stell das Ganze in eine <div>, der du die id="marilyn" gibst.

Bei mir sieht das dann so aus: (Der neu hinzugekommene Teil ist gelb hinterlegt)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">

<html>
<head>
<title>Vorhang auf</title>

</head>

<body>
<p><hr /></p>

<div id="marilyn">
 <a href="http://homepapa.ch"><img src="marilyn.jpg" alt="marilyn"
                                   width="349" height="527" /></a>
</div>

<p><hr /></p>
</body>
</html>

Das Resultat müsste dann etwa so aussehen.

ï»¿

Homepapa
August 2004

Vorheriger Abschnitt:
Anordnung

NÃ¤chster Abschnitt:
divs

Inhalt

Service

CSS Anwendung

Vorhang auf!

Anordnung

Marilyn