|
Opgave 1 : Din første webside
|
Formål |
At oprette et simpelt HTML dokument i 'hånden' med linje- og
afsnitsskift.
|
Opret en html-fil |
- Opret en mappe på c-drevet som du giver dit eget navn.
- Åbn Notepad i Windows 95/98/2000
- Opret en simpel web-side ved at indtaste følgende
(se skærmbillede nedenfor) :
|
|
<html> <head> <title> skriv her dit eget navn ( f.eks 'Peters Hjemmeside')
</title> </head> <body>
Hej - Jeg hedder Peter (brug dit eget navn ..!).
Dette er min første hjemmeside , indtil videre er det ikke særlig svært.
</body> </html>
|
eksempel :
Sådan ser det ud i NotePad.
Bemærk at kun det du skriver mellem de to html tags : <body>
...og...</body>
vil blive vist på web-siden. |
|
Navngiv og gem |
Nu skal du gemme dit dokument som en web-side eller rettere en html-fil.
- Vælg Filer - Gem som
- Gem dokument i din egen mappe på c-drevet
- Som filnavn skriver du opgave_1.html
- Klik gem som
- Åbn nu Internet Explorer - og åbn din html-fil fra din egen mappe.
Det gør du ved i Explorer at vælge :
- Filer u Åbn
u gennemse , find din mappe på c-drevet, åbn din mappe og
- klik
på filen opgave_1.html
|
Se
eksempel her |
Nu skulle du gerne se din tekst i browser vinduet ...! Hvor ser du det som du skrev mellem <title> .</title> ?
Men indrømmet ; det ser lidt kedelig ud. Dette skyldes at vi ikke har lavet nogen form
for formatering af teksten - det prøver du nu i opgave 2 . Men inden da skal du indsætte
linjeskift og nyt afsnit i din tekst.
|
Nyt afsnit med
<p> |
- åbn din html fil i notesblok
- indsæt <p> efter ordet 'Hej'
- Gem filen igen - og check resultatet i browseren.
|
Linjeskift med
<br/> |
- åbn igen din htm fil i notesblok
- indsæt <br/> efter linjen 'jeg hedder ****' og efter '..første
hjemmeside'
- Gem filen igen - og check resultatet i browseren.
|
|
- Hvad er forskellen på at anvende <p> og <br> tagene ...?
|
Indsæt kommentarer
<-- bla bla bla --> |
Man kan indsætte kommentarer i sine html sider som ikke vises på
skærmen, men som kan være en hjælp til dig selv, når du senere skal redigere filen.
I forhold til det vi laver i de første opgaver her, har det egentlig ingen praktisk
betydning, men du kan ligeså godt prøve det nu.
En kommentar indsættes med:
<!-- kommentaren kommer her og afsluttes med
-->
- prøv lige at indsætte en kommentar i din htm fil
|