Hva er den riktige måten å bruke en HTML -bildekode?

Bilder legges ofte til på websider for å få dem til å se mer innbydende og interessante sammenlignet med en side med ren tekst.Ved hjelp av HTML -bildekoden er det enkelt å legge til bilder på alle websider.Denne taggen har også en rekke attributter, eller egenskaper, som du kan spesifisere.

Når du legger til bilder på en webside, er det viktig å huske at et bilde faktisk ikke er en del av filen som utgjør selve websiden.Filene som brukes til websiden er separate filer fra alle bildefiler.HTML -bildekoden henviser nettleseren til den spesifikke bildefilen for bildet du vil ha vist.Når websiden vises i en nettleser, vises bildefilen sammen med alle andre filer som utgjør den siden.

Koden for HTML -bildekoden er: lt; img src ' image location / gt;.Bildeplassering er filnavnet for bildet du vil bli vist og hvor bildet er lagret.Det er viktig at du får denne informasjonen riktig for å sikre at bildet vises riktig.Organisering og lagring av bilder du vil bruke på websiden din er viktige hensyn.

Noen mennesker lagrer bildene sine i samme katalog som alle de andre delene av websidene deres.I dette tilfellet, når du refererer til bildet, vil du bare inkludere filnavnet i HTML -bildekoden.Når en webside har en rekke bilder, er det vanlig å lage en underkatalog, ofte kalt bilder .I dette tilfellet vil underkatalognavnet også bli inkludert i taggen.

Som et eksempel, her er hva vi vil gjøre for å sette inn et bilde av et tre, filnavn tre.jpg, på en webside.Hvis vi hadde lagret trebildet på samme sted som våre andre nettsidefiler, ville HTML -bildekoden være lt; img src ' tree.jpg gt;.Hvis bildefilen ble lagret i en underkatalog i vår katalog på websiden, ville taggen bli endret til lt; img src ' bilder/tree.jpg gt;.Det som er viktig å huske er at HTML -bildekoden gir en referanse eller bane til bildefilen.I utgangspunktet forteller den nettleseren hvor du skal se etter filen.

HTML -bildekoden har en rekke attributter som kan spesifiseres for bildet du vil inkludere.Attributter er kjennetegn ved selve taggen, og de brukes derfor i taggen, eller mellom lt;og gt;.Attributtene som brukes med HTML -bildekoden er:

  • Align Mdash;Angir hvordan bildet ditt er justert i forhold til teksten på siden din (venstre, høyre, topp, midt, nederst)

  • Alt mdash;refererer til alternativ tekst.Dette er en veldig viktig attributt og bør inkluderes for alle bildene dine.Den spesifiserer teksten som vises i stedet for bildet

  • Border Mdash;Legger en grense til bildet ditt, med tykkelsen som er spesifisert i piksler

  • høyde og bredde og mdash;Kan brukes til å definere bredden og høyden på bildet du vil ha vist, noe som lar deg endre størrelsen på bildet.Vær forsiktig med å bruke disse attributtene, da du kan endre kvaliteten på bildet og proporsjonene, noe som resulterer i bilder av dårlig kvalitet

  • VSPACE og HSPACE MDASH;brukes til å legge til hvit plass rundt bildet ditt.