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

Bilder blir ofte lagt 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 andre filer som utgjør den siden.

Koden for HTML -bildekoden er: . 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. DeOrganisering 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 sine. 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 . Hvis bildefilen ble lagret i en underkatalog i vår katalog på websiden, ville taggen bli endret til . Det som er viktig å huske er tHat 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 . Attributtene som brukes med HTML -bildekoden er:

  • Align - Angir hvordan bildet ditt er justert i forhold til teksten på siden din (venstre, høyre, topp, midt, nederst)
  • ALT - 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 - legger til en grense til bildet ditt, med tykkelsen som er spesifisert i piksler
  • Høyde og bredde - kan brukes til å definere bredden og høyden på bildet du vil ha vist, som lar deg endre sizene av 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 - brukes til å legge til hvitt rom rundt bildet ditt.
  • ANDRE SPRÅK