Har du noen gang lurt på hvordan moderne nettsteder holder brukerne sine opptatt med nettstedet sitt uten å gjøre dem lei eller ukomfortable? Det visuelle blir lagt til HTML -dokumentene for å holde brukerens fokus. Det visuelle kan omfatte bilder, videoer. Bildet kan kobles fra lagringsenheten eller fra den elektroniske kilden.

Denne artikkelen tar sikte på å gi en guide til hvordan du kobler et bilde i HTML.

• Hvordan lenke og bilde i HTML ved hjelp av tag
• Hvordan du kobler et bilde i html ved hjelp av taggen

Hvordan du kobler et bilde i html ved hjelp av tag

Bildet er en egen fil som ikke brukes direkte i HTML. Så for å bruke et bilde i HTML, må vi koble bildefilen til HTML -koden vår. For å gjøre det bruker vi Tag som bruker src Attributt for å spesifisere banen til bildet.

Eksempel

Koble bilde med HTML

Dette bildet er nå koblet til HTML -kildekode.

I dette eksemplet kobler vi bilder til HTML ved hjelp av Tag mens src = ”” Attributt spesifiserer navnet og banen til bildefilen.

Produksjon

Denne utgangen viser det Tag -koblet en bildefil med HTML -kode.

Koble et bilde i HTML ved hjelp av tag

Vi kan også koble bilder til HTML ved hjelp av stikkord. Denne taggen bruker bilde eller tekst for å koble bildet til HTML. Følgende eksempel demonstrerer konseptet bedre.

Eksempel

Koble bilde med HTML ved hjelp av ankerkode

Anchor -tag brukes til å koble dette bildet til HTML.

I dette eksemplet Tag brukes til å koble et bilde med HTML. Mens Tag lager en liten bildelink til hovedbildet.

Produksjon

Outputten ovenfor viser det Tag kobler hovedbildet med HTML mens gir en bildelink til hovedbildet. Med andre ord, Tag fungerer som et miniatyrbilde til hovedbildet.

Konklusjon

I HTML kan og taggene brukes til å koble et bilde. Å gjøre det, 'src'Attributt av tag og'href'Attributt til taggen kobler et bilde i HTML. Denne artikkelen gir en innsikt for å koble et bilde i HTML anvendelsen av og taggen er beskrevet ved hjelp av eksempler.