Hvad er et billedtag i HTML?

Når du opretter en webside ved hjælp af HTML, bruges billedmærket til at indsætte et foto eller en grafik et bestemt sted på siden. Der er mange måder, hvorpå billeder kan bruges på websider, fra at tilføje interesse til at blive brugt som navigationsværktøj eller til at give information. Der er også flere forskellige formater af billeder, der kan bruges. Ligegyldigt hvordan eller hvilket billede der føjes til websiden, er billedmærket altid påkrævet.

For at tilføje et billede er billedtagget inkluderet, hvor du ønsker, at billedet skal vises på din side. Hvis for eksempel et billede blev indsat efter dette afsnit, vil billedtagget eller <img> blive føjet til HTML-dokumentet efter dette afsnit. Mærket <img> definerer alle billeder i HTML. Det kaldes et tomt tag, da det indeholder attributter og ikke har nogen lukningskode. Attributter er indstillinger, der er tilgængelige for et specifikt HTML-tag.

Hvis der kun blev tilføjet <img> til et HTML-dokument, ville intet vises, da attributterne for tagget ikke er inkluderet. Den vigtigste attribut for <img> er "src", der står for kilde. Attributten src angiver, hvor billedfilen faktisk er placeret, eller det er adressen til billedfilen. Når billedet bruges på en webside, vil billedets placering blive angivet som en URL. I HTML-dokumentet ser billedet ud: <img src = "URL" />.

Specifikt peger URL'en på, hvor billedet er gemt. For eksempel, hvis et billede af en computer med filnavnet computer.jpg blev gemt i billedmappen på www.wisegeek.com, erstattes URL'en med: <img src = "www.wisegeek.com/images/computer. jpg "/>. Når browseren åbner websiden, viser den billedet, hvor billedmærket er inkluderet.

Billedmærket har en række andre forskellige attributter. De giver en bruger mulighed for at justere, hvordan billedet ser ud på siden. Følgende attributter bruges ofte til dette tag: alt, kant, størrelse og justering.

Attributten alt står for alternativ tekst, og det vises, hvis en browser ikke er i stand til at vise et billede. Alternativt læses alternativ tekst for de brugere, der er udfordret visuelt og vælger at vise tekst over billeder. I eksemplet ovenfor kunne den alternative tekst angives som alt = "billede af en computer".

Kantattributten tilføjer en kant til billedet med tykkelsen afhængigt af antallet af angivne pixels. Dette kan være især nyttigt, når billedbaggrunden og webstedets baggrund er ens, og der ønskes en klar sondring. For eksempel vil grænse = "10" anbringe en 10 pixel tyk kant rundt om et billede.

Størrelsesattributter er også vigtige, da bredde og højde kan bruges til at specificere et nøjagtigt størrelse på et billede. Disse attributter skal bruges meget omhyggeligt, da ændring af dem kan påvirke proportioner eller kvalitet af det viste billede. Størrelsesattributter ændrer ikke den aktuelle fil, bare hvordan browseren viser den.

Attributjusteringen specificerer, hvordan billedet justeres sammenlignet med teksten på siden. Der er flere forskellige valg for denne attribut, herunder top, bund, midten, venstre, højre, absmiddle, absbottom, baseline og texttop. Disse tags hjælper også med at bestemme, hvordan teksten på siden stemmer overens med billedet.