26.07.2013 Views

Start med HTML - PDF - KnowWare

Start med HTML - PDF - KnowWare

Start med HTML - PDF - KnowWare

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

41<br />

<br />

Før musen over billedet - Et billede som hyperlink<br />

- men hvor kom den blå ramme fra?<br />

I <strong>HTML</strong> er det nu sådan, at gør du et billede til et<br />

link, vil der automatisk blive tilføjet en standard<br />

ramme om billedet <strong>med</strong> farven blå (det svarer til<br />

den automatiske blå understregning på tekstlink).<br />

Denne ikke specielt kønne ramme kan du nemt<br />

fjerne ved blot at sætte attributten BORDER lig<br />

<strong>med</strong> 0 i elementet<br />

Tilføj BORDER attributten:<br />

…<br />

<br />

<br />

<br />

<br />

<br />

…<br />

<br />

Prøv nu at klikke på billedet og du vil åbne<br />

test.htm.<br />

Jeg har nu vist dig den mest almindelige og<br />

simple form for link anvendelse på henholdsvis<br />

tekst og grafik. Vi vil efterfølgende se på mange<br />

flere muligheder.<br />

Hyperlink til e-mail<br />

En service som findes på faktisk alle hjemmesider,<br />

er muligheden for, at sende e-mail til hjemmesidens<br />

indehaver. Til dette benyttes også hyperlink,<br />

der linkes her blot til brugerens e-mail<br />

program <strong>med</strong> attributten MAILTO: i link henvisningen.<br />

Sørg for at have test.htm åben i Wordpad.<br />

Indtast følgende:<br />

Hyperlink<br />

<strong>Start</strong> <strong>med</strong> <strong>HTML</strong> 19-07-08 12:58<br />

…<br />

<br />

<br />

<br />

Skriv til mig!<br />

<br />

<br />

…<br />

* Skift e-mail adressen “pctrold@get2net.dk” ud<br />

<strong>med</strong> din egen e-mail adresse.<br />

Dette link vil resultere i, at brugerens E-mail<br />

program vil åbne og automatisk oprette en tom<br />

e-mail <strong>med</strong> dig som modtager.<br />

<br />

Har du, som jeg bad dig om, indsat din egen email<br />

adresse, kan du prøve at klikke på linket i<br />

browseren og dit eget E-mail program vil åbne.<br />

Hyperlink til en fil<br />

Du har måske allerede prøvet at downloade en fil<br />

fra nettet. Her er der igen tale om ganske almindelige<br />

link - her henvises direkte til en fil på<br />

hjemmesiden eller et andet sted på nettet.<br />

For at lave følgende eksempel skal du hente<br />

den pakkede fil download.zip fra <strong>HTML</strong> Support -<br />

Eksempel filer og placere den i mappen<br />

c:\webtest.<br />

Indtast følgende:<br />

…<br />

<br />

<br />

Download denne fil<br />

<br />

<br />

…<br />

<br />

Lad os prøve at simulere et download - Prøv i<br />

browseren at klikke på linket og du vil få følgende<br />

dialogboks:

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!