Bilder brukes på neste alle nettsider. Uansett om det er i form av grafikk eller et rent bilde for å illustrere er bilde-taggen den samme.
selve bilde-taggen heter <img />. Den trenger ikke å avsluttes med en egen separat tag, som mange andre tagger og har mange attributter som lar deg tilpasse størrelse, ramme, kilde og lignende.
Det første du må ha før du begynner er selvfølgelig et bilde. Lagre dette bildet på samme sted som html-filen du nå jobber med ligger. Start så med å skrive inn <img /> innenfor body-taggen der du ønsker å plassere ditt bilde. Legg så til attributter som src=»», width=»500px», height=»500px» og lignende for å definere størrelse og plassering på bildet. Se på eksemplet nedenfor for å se hvordan du bruker atributter.
<img width="500px" height="500px" src="bilde.jpg" />Om du plasserer bildet i en undermappe som heter images bil destinasjon (src) være «images/bilde.jpg».
Her er noen av de mest brukte attributtene du kan bruke inne i en img-tagg.
alt=»Bildetekst» (Viser tekst når du holder musepekeren over bildet. Dette er ofte bra for svaksynte som får opplest dette samt søkemotorer som ikke kan se på bilder).
border=»1px»
(Med border kan du definere ramme rundt bilder. Dette justerer du ved hjelp av pixler. )
align=»left»
(For å justere høyre, venstre, topp eller bunnstilling på bildet. Innhold kan være top, bottom, left, right)
hspace=»5px»
(For å sette horisontalt rom på bildet. F.eks. om du ønsker litt avstand fra tekst som ligger ved bildet.)
vspace=»5px»
(For å sette vertikalt rom på bildet. F.eks. om du ønsker litt avstand fra tekst som ligger ved bildet.)