Hvordan legge til et bilde i HTML

Hvis du vil fange en brukernes oppmerksomhet når han/hun besøker nettstedet ditt, kan det være en morsom ting å legge til bilder. Bilder gjør utseendet til nettstedet ditt mer tiltalende, og legger dermed opp til den generelle skjønnheten på nettstedet ditt. Men hvordan legge til bilder på et nettsted? Vel, vi har oppsummert måter ved å bruke hvilke bilder som kan settes inn på websider.

Hvordan legge til bilder i HTML

For å legge til bilder på websider, bruk stikkord. Denne taggen er tom og består av visse attributter og har ingen sluttkode.

Attributtene til taggen er; de src attributt som brukes til å definere banen til bildet og alt Attributt brukes som en alternativ tekst i scenarier når bildet ikke lastes inn på grunn av noen problemer.

Her har vi vist hvordan du bruker denne taggen til å legge til bilder.

Html

I koden ovenfor legger vi til tre bilder på websiden ved hjelp av taggen. I hver tag er bilens vei blitt gitt til SRC -attributtet, og en alternativ tekst er lagt til disse taggene. Dessuten gir vi også en viss bredde og høyde til bildene.

Produksjon

Bilder er lagt til på siden.

Hvordan justere bildebredde og høyde

Hvis du ønsker å endre bredden og høyden på et bilde, kan du bare bruke bredden og høydeegenskapene i taggen.

Html

Ovennevnte kode vil legge til bilder på websiden med bredde og høyde som er spesifisert ved hjelp av bredde og høydeegenskaper.

Produksjon

Begge bildene har forskjellige bredder og høyder.

Hvordan legge til bilder fra en annen mappe

Hvis bildene du vil legge inn på websiden din er til stede i en annen mappe som vist på skjermbildet nedenfor, kan du legge til mappenavnet i SRC -attributtet.

Bildene er til stede i mappen som heter “Bilder”.

Html

For å demonstrere ordentlig hvordan du legger til bilder fra en annen mappe, har vi lagt ved et skjermbilde av kodeditoren. Avsnittet fremhevet i Red viser at bilder er til stede i en annen mappe som er til stede rett ved siden av HTML -filen. Navnet på mappen sammen med bildens navn og format blir gitt til SRC -attributtet til taggen som uthevet i grønt.

Produksjon

Bildet ble lagt til fra en annen mappe.

Hvordan legge til bilder fra en annen webside

For å legge til bilder fra en annen webside eller kilde, må du oppgi den komplette URL -en til den kilden til SRC -attributtet til taggen.

Html

Ovennevnte kode vil hente bildet fra den spesifiserte URL -en og legge den til på websiden vår.

Produksjon

Bildet ble lagt til fra en annen webside.

Hvordan legge til bilder som lenker

Hvis du vil omdirigere brukeren din til en annen webside, kan du bruke bilder til å utføre denne oppgaven.

Html

I koden ovenfor er vi først og fremst som leverer lenken til websiden vi ønsker å omdirigere brukerne våre til og gi denne lenken til HREF -attributtet til taggen og deretter hekke bildet vårt som er en GIF i dette tilfellet i ankeret stikkord.

Produksjon

Når brukeren klikker på bildet, blir han/hun omdirigert til websiden som er gitt som lenken i ankerkoden.

Konklusjon

For å legge til bilder i HTML, bruk stikkord. Denne taggen er tom, har ingen sluttkode, og består av to nødvendige attributter som er; SRC -attributtet og ALT -attributtet. SRC -attributtet brukes til å oppgi banen til bildet, mens ALT -attributtet sier en tekst som vises som et alternativ i tilfelle bildet ikke lastes inn på grunn av noen problemer. Ved hjelp av denne taggen kan du legge til bilder fra en annen mappe, eller et annet nettsted, eller bruke dem som lenker.