Punkt 2: Mere html…
Først skal vi lige kigge lidt på vores kode:
<html> <head> <title> Din hjemmesides titel skrives her... </title> </head>
<body>
Her skriver du hjemmesidens indhold... </body> </html>
Koden <html> betyder noget i retning af “her begynder hjemmeside”. Og den sidste kode </html> betyder “her stopper hjemmeside”. Så skråstreg betyder, at koden stopper.
Læg mærke til, at du også har en kode, der hedder <head> og en, der hedder <title>. Det, som du skriver mellem <title> og </title> kommer til at stå øverst i browseren.
Lad os se på lidt flere koder…
1) Indsætte billeder
Du indsætter billeder med denne kode: <img src=”mitbillede.jpg”> – koden skal stå et sted mellem <body> og </body>.
Hvis din html-fil ligger på skrivebordet, så skal billedfilen ligge samme sted – så computeren kan finde den. Eller skal du indsætte hele stien, fx <img src=”dokumenter/billeder/mitbillede.jpg”> – men det andet er lettest til at begynde med.
Du skal være opmærksom på, hvilket format dit billede har. I eksemplet er den en jpg-fil, men hvis du har en gif-fil, skal der stå “mitbillede.gif” osv.
Typiske problemer:
a) Dit billede ender måske med JPG ikke jpg. Løsning: Skriv det med store bogstaver i koden.
b) Din billedfil ligger et helt andet sted end html-filen. Løsning: Læg dem i samme mappe.
2) Justere billedstørrelse
I koden <img src=”mitbillede.jpg”> tilføjer du dette <img src=”mitbillede.jpg” width=”70″>
Nu kan vi styre bredden. Højden styrer du ved at tilføje height=”70″. Men pas lige lidt på, når du både bruger width og height-koder samtidigt. Billedet kan hurtigt blive dårligt, hvis fx bredden bliver for stor i forhold til højden:
Gå videre til punkt 3, hvor du kan lære om links m.m.