Hva er en bildekode i HTML?

Når du oppretter en webside ved hjelp av HTML, brukes bildekoden for å sette inn et bilde eller grafikk på et bestemt sted på siden. Det er mange måter bilder kan brukes på websider, fra å legge til interesse til å bli brukt som navigasjonsverktøy eller til å gi informasjon. Det er også flere forskjellige formater av bilder som kan brukes. Uansett hvordan eller hvilket bilde som legges til websiden, er alltid bildekoden påkrevd.

For å legge til et bilde, er bildekoden inkludert der du vil at bildet skal vises på siden din. Hvis for eksempel et bilde ble satt inn etter dette avsnittet, vil bildekoden eller <img> legges til HTML-dokumentet etter dette avsnittet. Taggen <img> definerer alle bilder i HTML. Det blir referert til som en tom tagg, ettersom den inneholder attributter og ikke har noen lukkekode. Attributter er alternativer som er tilgjengelige for en spesifikk HTML-kode.

Hvis bare <img> ble lagt til i et HTML-dokument, ville ingenting vises da attributtene til taggen ikke er inkludert. Det viktigste attributtet for <img> er "src", som står for kilde. Attributtet src oppgir hvor bildefilen faktisk er lokalisert, eller det er adressen til bildefilen. Når bildet brukes på en webside, vil plasseringen av bildet bli gitt som en URL. Innenfor HTML-dokumentet vil bildet se ut: <img src = "URL" />.

Spesifikt peker nettadressen dit bildet er lagret. Hvis for eksempel et bilde av en datamaskin med filnavnet computer.jpg ble lagret i bilder-mappen på www.wisegeek.com, vil URL-en erstattes med: <img src = "www.wisegeek.com/images/computer. jpg "/>. Når nettleseren åpner websiden, viser den bildet der bildekoden er inkludert.

Bildetiketten har en rekke andre forskjellige attributter. De lar en bruker justere hvordan bildet ser ut på siden. Følgende attributter brukes ofte for denne taggen: alt, grense, størrelse og justering.

Attributtet alt står for alternativ tekst, og det vises hvis en nettleser ikke kan vise et bilde. Alternativ tekst leses også for de brukerne som er visuelt utfordret og velger å vise tekst over bilder. For eksemplet over kan den alternative teksten angis som alt = "bilde av en datamaskin".

Grenseattributtet legger til en kant til bildet med tykkelsen, avhengig av antall angitte piksler. Dette kan være spesielt nyttig når bakgrunnsbildet og bakgrunnene på nettstedet er like, og det er ønskelig med en klar skille. For eksempel vil kant = "10" plassere en 10 piksler tykk kant rundt et bilde.

Størrelsesattributter er også viktige, da bredde og høyde kan brukes til å spesifisere den nøyaktige størrelsen på et bilde. Disse attributtene må brukes veldig nøye, da å endre dem kan påvirke proporsjonene eller kvaliteten på det viste bildet. Størrelsesattributter endrer ikke den faktiske filen, bare hvordan nettleseren viser den.

Attributtjusteringen spesifiserer hvordan bildet blir justert sammenlignet med teksten på siden. Det er flere forskjellige valg for dette attributtet, inkludert topp, bunn, midten, venstre, høyre, absmiddle, absbottom, baseline og texttop. Disse taggene er også med på å bestemme hvordan teksten på siden stemmer overens med bildet.