Hur Man Lägger En Bild I HTML

Innehållsförteckning:

Hur Man Lägger En Bild I HTML
Hur Man Lägger En Bild I HTML

Video: Hur Man Lägger En Bild I HTML

Video: Hur Man Lägger En Bild I HTML
Video: 15: How to Insert Images Using HTML and CSS | Learn HTML and CSS | HTML Tutorial | Basics of CSS 2024, Maj
Anonim

Text på en webbsida är mycket mer läsbar när den illustreras. HTML reserverar img-taggen för detta ändamål. Genom att använda den i kombination med andra taggar kan du göra en bild till en aktiv länk, inklusive en större version av samma bild.

Hur man lägger en bild i HTML
Hur man lägger en bild i HTML

Instruktioner

Steg 1

Om bildfilen och HTML-filen finns i samma mapp, använd följande HTML-kod för att infoga bilden: där bildnamn.jpg

Steg 2

Om bildfilen finns på samma server, men i en annan mapp, kan du ändra denna konstruktion på följande sätt: där /mapp / annan mapp / bildnamn.jpg

Steg 3

Placera bilder som lagras på andra servrar med försiktighet - skydd mot urlakning kan aktiveras där, och istället för önskad bild kommer besökaren på din sida att se en varning om sådant skydd. Om det inte finns något sådant skydd och ägaren till tredjepartsservern inte motsätter sig att infoga bilderna som lagras där på andras sidor, använd följande kodavsnitt: där https://server.domain/folder/anotherfolder/imagename.jpg

Steg 4

För att bilden samtidigt ska vara en länk till en annan sida, använd följande kod:, där länktext är länkadressen (lokal eller global).

Steg 5

Slutligen, så att när användaren klickar på bilden kan användaren se sin förstorade kopia, ändra föregående fragment på följande sätt: där imagename-big.jpg

Rekommenderad: