Velkommen · Introduktion til HTML · Standard
· Formattering af tekst
Farver · Punktopstilling
· Linier · Links · Grafik · Specielle funktioner · JavaScript · Tæller
Grafik
Standard · Placering
· Højde og bredde · Rammer · Billedetekst · Baggrundsbillede
Du kan indsætte billeder på alle din web-sider, hvis det er det du ønsker. Du skal dog være opmærksom på, at for mange billeder gør det langsommere at hente siden frem.
Brug kun billeder af GIF og JPEG (JPG) formaterne, da browserne kun understøtter disse 2 formater. GIF-filer har kun mulighed for 256 farver, men det er også rigeligt til animationer. JPG-filer har mere end 16,7 millioner farver og er perfekte til billeder og fotografier.
Koden for et billede behøver ikke en afsluttende kode.
<img src="grafik.gif"> eller <img src="grafik.jpg">
Man kan også tilføje en kode for placeringen af billedet - Default er venstrestillet. Klik på teksten eksemple for at se et eksempel på den pågældende kode:
Højrestillet - tekst til venstre for billedet:
<img align=right src="grafik.gif"> EksempelVenstrestillet - tekst til højre for billedet:
<img align=left src="grafik.gif"> EksempelCentreret
<center><img src="grafik.gif"></center> EksempelBillede med tekst på linien:
<img align=top src="grafik.gif"> EksempelBillede med tekst i toppen:
<img align=texttop src="grafik.gif"> EksempelPlacer tekstliniens bund midt for billedet:
<img align=middle src="grafik.gif"> EksempelPlacer midten af tekstlinien midt for billedet:
<img align=absmiddle src="grafik.gif"> EksempelPlacer tekstliniens bund ved billedets bund:
<img align=bottom src="grafik.gif"> EksempelPlacer midten af tekstliniens ved billedets bund:
<img align=absbottom src="grafik.gif"> Eksempel
Det er muligt at ændre et billedes højde og bredde ved at indsætte nye værdier i pixels for hver af disse - f.eks. højde = 40 pixels og bredde = 45 pixels.
<img width=40 height=45 src="grafik.gif"> Eksempel
Man kan vælge om der skal være rammer omkring et billede eller ej - 0 (nul) betyder ingen rammer.
<img border=0 src="grafik.gif"> ingen rammer Eksempel
<img border=4 src="grafik.gif"> tykkelse = 4 Eksempel
Rammen kan også have en anden farve (understøttes dog ikke af alle browsere).
<img bordercolor="#FF0000" border=2 src="grafik.gif"> farve = rød Eksempel
Du kan også give billederne en tekst, som kommer frem, når nogen peger på billedet med musen.
<img border=0 src="grafik.gif" alt="Skriv billedets tekst her!"> Eksempel
I stedet for at indsætte en farve som baggrund, kan man også indsætte et billede. Det er dog ikke muligt at have begge dele på samme tid. Koden for billedet skal sættes ind i den startende BODY-kode.
<body background="grafik.gif">
Ris og ros kan sendes til mig på følgende e-mail adresse: bettina@email.dk