|
Opgave 5: Indsæt hyperlinks
|
Formål : |
at oprette hyperlinks - såvel interne , dvs. mellem
dine egne sider , som eksterne, dvs. links til andre web-sider på www.
|
Interne links
|
Du skulle gerne nu have fire html-filer i din mappe . Det første du skal lære er at
oprette links mellem disse fire sider. Det kaldes interne links, da de ikke peger til
web-sider uden for dit web-site. Koden for hyperlinks er følgende :
< A HREF="filnavn og filtype"> tekst
der klikkes på </a>
|
Indsæt mellemrum
med
|
- Opret en ny html fil med de grundlæggende tags (<html><head> <title>
<body> - du kan evt kopiere fra en af de tidligere opgaver
- Gem filen som 'opgave-5.html'
- Øverst på siden (altså efter <BODY>) indsætter du nu links til de øvrige
sider på denne måde:
<A HREF="opgave_1.html">Opgave 1 </a>
<A HREF="opgave_2.html">Opgave 2 </a>
<A HREF="opgave_3.html">Opgave 3 </a>
<A HREF="opgave_4.html">Opgave 4 </a>
<A HREF="opgave_5.html">Opgave 5 </a>
- Gem 'opgave_5.html' , og åbn siden med din
browser.
Kan du se dine links ...? virker de også ..?
Se eksempel.
For at undgå at alle dine links 'hænger sammen' (gennemgående understregning) skal
der indsættes et tegn eller tomt felt imellem de enkelte links. Det kan du
gøre med '-' eller '|' eller mellemrumskoden
' '
- Indsæt f.eks. en lodret streg '|'
(Alt gr + apostrof-tasten) efter hvert link - dvs.
<a href="opgave_1.html>opgave-1</a>
| etc ...
|
der
må ikke være mellemrum i filnavne som vi bruger på et website. |
for at dine links skal virke skal du sikre dig:
-at alle filerne ligger i den samme mappe
-at du har skrevet de rigtige filnavne i dine link-koder, og uden mellemrum.
se eksempel her.
|
Eksterne Links
|
For at oprette links til andre web-sider på www, også kaldet eksterne
links, anvender du følgende kode :
<a href="http://webadressen">teksten
</a>
eksempel :<a href="http://www.dr.dk">Danmarks Radio</a>
Bemærk her at kommunikations protokollen 'http' (Hyper Text Transfer Protecol') skal
angives, så browseren ved at den skal ud på internettet / www og finde filen, og ikke
som før, blot finde en fil i den aktuelle mappe hvor din web-side ligger.
- Prøv at indsætte følgende link på en af dine sider :
<A HREF="http://www.dr.dk">Danmarks
Radio</A>
- check at linket til Danmarks Radio virker ...
|
|
- Check derefter i din browser om linkene virker .
se eksempel
|
E-mail |
En web side skal altid indeholde en e-mail adresse så besøgende kan kontakte
indehaveren af websiden. E-mail adressen kan indsættes som et link. Når der klikkes på
linket, åbnes postprogrammet og adressen er automatisk indsat i modtager feltet.
Det er
nemt at indsætte sin mail adresse som et link .
Syntaksen er :
<a href="mailto:din mail adresse ">tekst der skal vises</a> , f.eks <a
href="mailto:otto@leholt.dk">ottos e-mail</a> det vil se sådan ud :
Ottos e-mail
- Indsæt din e-mail adresse som et link
|
Navigationsmenu
husk
copy-paste |
Det er jo ikke nogen hemmelighed at der følger en opgave 6-7-8 og 9, så du
kan ligeså godt
nu indsætte links til disse sider, selvom de endnu ikke er oprettet.
- Tilføj derfor følgende til navigationsmenuen fra før:
<a href="opgave_6.html">Opgave 6</a> | <a href="opgave_7.html">Opgave
7</a> |
<a href="opgave_8.html">Opgave 8</a> | <a href="opgave_9.html">Opgave
9</a> |
- kopier og indsæt navigationsmenuen på alle dine sider
|