Start med HTML - PDF - KnowWare

39
Delopgave 4
Vi fortsætter med at udbygge vores sideløbende
hjemmeside. Da vi nu kender til tabeller bør vi
bruge dem til at organisere Hovedsiden lidt bedre
samt forberede en menu der senere skal bruges til
navigation på hjemmesiden..
Brug hvad du har lært i dette og tidligere kapitler
og gør følgende:
1. Åbn index.htm i mappen c:\webudgiv i
Wordpad.
Vi vil nu forberede Hovedsidens navigationsmenu
- vi beslutter allerede nu, hvilke underliggende
sider vi vil have på hjemmesiden..
2. Indsæt en tabel () bestående af én
tabelrække med seks tabelceller umiddelbart
efter dokumentets 1. vandrette linie ().
Sæt BORDER til “0”, ALIGN til “center” og
CELLPADDING til “5” og indtast menupunkterne
som vist i ovenstående eksempel i de
seks celler. Disse menupunkter repræsenterer
hjemmesidens underliggende sider med undtagelse
af “Hovedside” og “E-mail”.
3. Indsæt en centreret vandret linie () med
en bredde på “75%” umiddelbart efter tabellen.
4. Indsæt to tvungne linieskift ().
5. Gem index.htm og check i browseren.
Vi har nu lavet forarbejdet til vores lille navigationsmenu
- vi laver den færdig i slutningen af
næste kapitel.
Du kan se løsningen til denne opgave via
HTML support - Opgaver - Delopgave 4.
Tabeller
Hyperlink
Start med HTML 19-07-08 12:58
I dette kapitel lærer du:
• Begrebet hyperlink
• Indsættelse og brug af hyperlink
• Brug af bogmærker
Sørg for at have dokumentet test.htm i mappen
c:\webtest åbnet i Wordpad og slet alt i mellem
og så du kun har det rå HTML
skelet tilbage.
Vi vil i dette kapitel lære om hyperlink og
hvordan de bruges.
Et hyperlink i et HTML dokument er blot en
henvisning, som ved klik med musen i browseren
udfører en handling. Hyperlink er et af de
vigtigste redskaber, når man skal navigere rundt
på en hjemmeside eller på WWW generelt.
Hyperlink kan deles op i følgende typer:
• Hyperlink til andre HTML dokumenter på
hjemmesiden eller på Internettet generelt.
• Hyperlink til en fil.
• Hyperlink til en e-mail adresse
Derudover skelner man mellem alm. teksthyperlink
og hyperlink på grafiske elementer
(billeder). Der findes en del indstillinger for,
hvordan hyperlink skal opføre sig - vi kommer
ind på de vigtigste, via attributter i løbet af kapitlet.
Et hyperlink defineres vha. elementet
(anker). Elementet bruges dog næsten altid med
atttributten HREF, som definerer det der skal
henvises til. En undtagelse er bogmærker, som vi
kommer ind på lidt senere.
Inden vi kaster os over eksempler og øvelser,
skal du oprette et ekstra test HTML dokument i
mappen c:\webtest. Giv dokumentet titlen
“Linkside “og indsæt billedet help.gif fra HTML
Support - Eksempel filer i dokumentet (du har
allerede help.gif liggende i c:\webtest fra en tidligere
øvelse). Placer billedet i et centreret afsnit.
Gem dokumentet under navnet testlink.htm. Luk
til sidst det nye dokument og vend tilbage til
test.htm i Wordpad.