Hvad er et billedmærke i HTML?

Når du opretter en webside ved hjælp af HTML, bruges billedmærket til at indsætte et foto eller grafik på 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 et navigationsværktøj eller til at give information. Der er også flere forskellige formater af billeder, der kan bruges. Ligegyldigt hvordan eller hvilket billede føjes til websiden, kræves billedmærket altid.

For at tilføje et billede er billedmærket inkluderet, hvor du vil have, at billedet skal vises på din side. For eksempel, hvis der skulle indsættes et billede efter dette afsnit, ville billedmærket eller blive føjet til HTML -dokumentet efter dette afsnit. Tag definerer alle billeder i HTML. Det omtales som et tomt tag, da det indeholder attributter og ikke har noget lukningsmærke. Attributter er indstillinger, der er tilgængelige for et specifikt HTML -tag.

hvis kun blev føjet til et HTML -dokument, intet ville vise, da attributterne for tagget ikke er inkluderet. Den vigtigste egenskab for er "SRC", der står for Source. Attributten SRC siger, hvor billedfilen faktisk er placeret, eller den er adressen til billedfilen. Når billedet bruges på en webside, vil billedets placering blive givet som en URL. Inden for HTML -dokumentet ville billedet se ud: .

Specifikt peger URL'en på, hvor billedet er gemt. For eksempel, hvis et billede af en computer med filnavnet computer.jpg blev gemt i mappen billeder på www.wisegeek.com, ville URL'en blive erstattet med: . 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 er comBruges til dette tag: alt, grænse, størrelse og justering.

Attributten ALT står for alternativ tekst, og det vises, om en browser ikke er i stand til at vise et billede. Alternativ tekst læses også for de brugere, der visuelt udfordres og vælger at vise tekst frem for billeder. For eksemplet ovenfor kunne den alternative tekst angives som alt = "billede af en computer".

attributten tilføjer en grænse 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 Border = "10" placere en 10 pixel tyk grænse omkring et billede.

størrelse attributter er også vigtige, da bredde og højde kan bruges til at specificere den nøjagtige 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ørrelse attriButes ændrer ikke den faktiske fil, bare hvordan browseren viser den.

Attributten juster specificerer, hvordan billedet er justeret sammenlignet med tekst på siden. Der er flere forskellige valg for denne attribut, herunder top, bund, midterste, venstre, højre, absmiddle, absbottom, baseline og texttop. Disse tags hjælper også med at bestemme, hvordan teksten på siden er i overensstemmelse med billedet.