Start med HTML - PDF - KnowWare
Start med HTML - PDF - KnowWare
Start med HTML - PDF - KnowWare
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
29<br />
Du kan finde yderligere eksempler på brug<br />
af emnerne beskrevet i dette kapitel, via <strong>HTML</strong><br />
Support - <strong>HTML</strong> eksempler - Grafik og billeder.<br />
Delopgave 3<br />
Vi fortsætter <strong>med</strong> at udbygge vores sideløbende<br />
hjemmeside. Vi skal nu have peppet vores Hovedside<br />
lidt op <strong>med</strong> farver og grafik.<br />
Brug hvad du har lært i dette og tidligere kapitler<br />
og gør følgende:<br />
1. Åbn index.htm i mappen c:\webudgiv i Wordpad.<br />
2. Find baggrundsbilledet bk12.gif via <strong>HTML</strong><br />
Support - Eksempel filer - gem billedet i mappen<br />
c:\webudgiv\images.<br />
3. Indsæt billedet som baggrundsbillede på Hovedsiden<br />
(attributten BACKGROUND i <br />
elementet).<br />
4. Find billederne chilileft.gif og chiliright.gif via<br />
<strong>HTML</strong> Support - Eksempel filer - gem dem i<br />
mappen c:\webudgiv\images (husk at bemærke<br />
billedernes dimensioner).<br />
5. Indsæt chilileft.gif umiddelbart før teksten i<br />
dokumentets 1. afsnit (). Indsæt derefter<br />
chiliright.gif umiddelbart efter teksten i samme<br />
afsnit. Sæt HSPACE til “10” i begge billedhenvisninger.<br />
Husk! Også at sætte WIDTH og<br />
HEIGHT.<br />
6. Find billedet sun_11.gif via <strong>HTML</strong> Support -<br />
Eksempel filer - gem billedet i mappen<br />
c:\webudgiv\images.<br />
7. Indsæt to tvungne linieskift () umiddelbart<br />
efter teksten i dokumentets 2. afsnit<br />
().<br />
8. Indsæt sun_11.gif umiddelbart under de just<br />
tilføjede linieskift (). Husk! Også at<br />
sætte WIDTH og HEIGHT i billedhenvisningen.<br />
9. Gem index.htm og check i browseren.<br />
Grafik og billeder<br />
<strong>Start</strong> <strong>med</strong> <strong>HTML</strong> 19-07-08 12:58<br />
Vi har tilføjet baggrundsgrafik og billeder på<br />
vores Hovedside.<br />
Du kan se løsningen til denne opgave via<br />
<strong>HTML</strong> support - Opgaver - Delopgave 3.