Hvordan legge til bilde med HTML - Dittnettsted.com - Dittnettsted.com

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.)

Annonse

Kommentarer

INSPIRASJON
  • 12 morsomme fakta om Google
  • 33 morsomme fakta om Facebook
  • 5 triks du kan gjøre i SnapChat
  • Hvordan få flere besøkende til
  • Julegavetips til deg med litt mi
  • Standard CSS koder for smarttele
  • Topp 10 hjelpesider for deg med
  • Slik flytter du fra Joomla til W
  • Slik fjerner du de passordbeskyt
  • Hvordan flytte WordPress fra und
INSPIRASJON
  • 12 morsomme fakta om Google
  • 33 morsomme fakta om Facebook
  • 5 triks du kan gjøre i SnapChat
  • Hvordan få flere besøkende til
  • Julegavetips til deg med litt mi
  • Standard CSS koder for smarttele
  • Topp 10 hjelpesider for deg med
  • Slik flytter du fra Joomla til W
  • Slik fjerner du de passordbeskyt
  • Hvordan flytte WordPress fra und
WEBDESIGN
  • 12 morsomme fakta om Google
  • 33 morsomme fakta om Facebook
  • 5 triks du kan gjøre i SnapChat
  • Hvordan få flere besøkende til
  • Julegavetips til deg med litt mi
  • Standard CSS koder for smarttele
  • Topp 10 hjelpesider for deg med
  • Slik flytter du fra Joomla til W
  • Slik fjerner du de passordbeskyt
  • Hvordan flytte WordPress fra und
DIVERSE
  • 12 morsomme fakta om Google
  • 33 morsomme fakta om Facebook
  • 5 triks du kan gjøre i SnapChat
  • Hvordan få flere besøkende til
  • Julegavetips til deg med litt mi
  • Standard CSS koder for smarttele
  • Topp 10 hjelpesider for deg med
  • Slik flytter du fra Joomla til W
  • Slik fjerner du de passordbeskyt
  • Hvordan flytte WordPress fra und

ToppBlogg - toppliste for bloggere
bloglovin
Reggad p� Commo.se