Sådan Placeres Et Billede I HTML

Indholdsfortegnelse:

Sådan Placeres Et Billede I HTML
Sådan Placeres Et Billede I HTML

Video: Sådan Placeres Et Billede I HTML

Video: Sådan Placeres Et Billede I HTML
Video: HTML Part 4 - Hvordan indsætter jeg et billede i headerområdet 2024, Kan
Anonim

Tekst på en webside er meget mere læselig, når den illustreres. HTML forbeholder img-koden til dette formål. Ved at bruge det i kombination med andre tags kan du gøre et billede til et aktivt link inklusive en større version af det samme billede.

Sådan placeres et billede i HTML
Sådan placeres et billede i HTML

Instruktioner

Trin 1

Hvis billedfilen og HTML-filen er placeret i den samme mappe, skal du bruge følgende HTML-kode til at indsætte billedet: hvor billednavnet.jpg

Trin 2

Hvis billedfilen er placeret på den samme server, men i en anden mappe, skal du ændre denne konstruktion som følger: hvor /folder/anotherfolder/imagename.jpg

Trin 3

Placer billeder gemt på andre servere med forsigtighed - beskyttelse mod udvaskning er muligvis aktiveret der, og i stedet for det ønskede billede vil den besøgende på din side se en advarsel om en sådan beskyttelse. Hvis der ikke er en sådan beskyttelse, og ejeren af tredjepartsserveren ikke gør indsigelse mod at indsætte de billeder, der er gemt der på andres sider, skal du bruge følgende kodestykke: hvor https://server.domain/folder/anotherfolder/imagename.jpg

Trin 4

For at billedet samtidig skal være et link til en anden side, skal du bruge følgende kode:, hvor linktekst er linkadressen (lokal eller global).

Trin 5

Endelig, så når brugeren klikker på billedet, kan brugeren se sin forstørrede kopi, skal du ændre det forrige fragment som følger: hvor imagename-big.jpg

Anbefalede: