Hva er den riktige måten å bruke en HTML Image Tag?
Bilder blir ofte lagt til på websider for å få dem til å se mer innbydende og interessante ut sammenlignet med en side med ren tekst. Ved hjelp av HTML Image tag er det enkelt å legge til bilder på alle websider. Denne taggen har også et antall attributter, eller egenskaper, som du kan spesifisere.
Når du legger til bilder til en webside, er det viktig å huske at et bilde ikke er en del av filen som utgjør selve websiden. Filene som brukes på websiden er separate filer fra alle bildefiler. HTML Image-taggen 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 Image tag er: <IMG SRC = "image location" />. Bildeplassering er filnavnet for bildet du vil vises 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 som du vil bruke på hjemmesiden din er viktige hensyn.
Noen mennesker lagrer bildene sine i samme katalog som alle de andre delene av websidene. I dette tilfellet, når du refererer til bildet, vil du bare ta med filnavnet i HTML Image-taggen. Når en webside har et antall bilder, er det vanlig å lage en underkatalog, ofte kalt bilder . I dette tilfellet vil underkatalognavnet også inkluderes i koden.
Som et eksempel, her er hva vi vil gjøre for å sette inn et bilde av et tre, filnavn tree.jpg, på en webside. Hvis vi hadde lagret trebildet på samme sted som våre andre websidefiler, ville HTML Image-taggen være <IMG SRC = "tree.jpg">. Hvis bildefilen ble lagret i en underkatalog i vår katalog på websiden, ville koden bli endret til <IMG SRC = "images / tree.jpg">. Det som er viktig å huske er at HTML Image-taggen gir en referanse eller sti til bildefilen. I utgangspunktet forteller den nettleseren hvor den skal lete etter filen.
HTML Image-taggen har et antall attributter som kan spesifiseres for bildet du vil inkludere. Attributter er kjennetegn på selve koden, og slik at de brukes i koden, eller mellom <og>. Attributtene som brukes med HTML Image-taggen er:
- ALIGN - spesifiserer hvordan bildet ditt blir justert i forhold til teksten på siden din (VENSTRE, HØYRE, TOPP, MIDDEL, BOTTOM)
- ALT - viser til alternativ tekst. Dette er et veldig viktig attributt og bør inkluderes for alle bildene dine. Den spesifiserer teksten som vises i stedet for bildet
- BORDER - legger til en ramme til bildet ditt, med tykkelsen spesifisert i piksler
- HEIGHT and WIDTH - kan brukes til å definere bredden og høyden på bildet du vil vise, 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 - brukes til å legge til hvit plass rundt bildet ditt.