For en stund siden lovet eg at eg skulle komme tilbake med en ny blogg der eg skulle vise hvordan man gjør bildene om til linker.
Og løfter skal man holde. Det er vi opplært til alle som en.
Sist vi holdt på avsluttet vi med følgende webside:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<H1>Mine linker!</H1>
<br />
<H2>Linker fra nett:</H2>
<a href="http://www.vg.no" target="_blank" title="vg.no">vg.no</a><br>
<br />
<H2>Mine egne sider:</H2>
<a href="side2.html">Side2</a>
<br />
<img src="images/bilde1.jpg" alt="bilde 1" /><br />
<img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" /><br />
<img src="images/bilde3.jpg" alt="bilde 3" />
</BODY>
</HTML>
La oss ta utgangspunkt i bilde 2 som er det minste bildet.
Erstatt linjen som ser slik ut:
<img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" /><br />
Med en linje som ser slik ut:
<a href="side2.html" target="_blank"> <img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" border="0"></a><br />
Det vi nå får er et bilde som er omgjort til en link. Klikker du på bildet slik du ville gjort med en link kommer du til side2.html som vi tidligere har laget. Med mindre du selv har gjort noe får du opp en blank side.
Til neste gang kan du gjerne leke litt med side2.html slik at den senere ikke bare kommer opp som en blank side. Så skal eg gjøre det samme.
Det nærmer seg et punkt der det er naturlig å snakke litt om CSS. Det kan vi se litt på neste gang når vi har 2 sider å leke med!
Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!
Ingen kommentarer:
Legg inn en kommentar