Hvordan Legge Til En Lenke Til Et Bilde

Innholdsfortegnelse:

Hvordan Legge Til En Lenke Til Et Bilde
Hvordan Legge Til En Lenke Til Et Bilde

Video: Hvordan Legge Til En Lenke Til Et Bilde

Video: Hvordan Legge Til En Lenke Til Et Bilde
Video: Hvordan legge til klikkbare lenker i it´s learning? 2024, April
Anonim

Det er veldig praktisk når området for den aktive lenken ikke er tekst, men et bilde. HTML-merkespråket er ganske i stand til å gjøre dette. Alt som trengs for dette er å kombinere kodene på en spesiell måte.

Hvordan legge til en lenke til et bilde
Hvordan legge til en lenke til et bilde

Bruksanvisning

Trinn 1

Hvis alle filene på serveren er lagret i en mappe, så skriv følgende HTML-kode på siden:

‹A href=page.html› Når du klikker på denne lenken, kommer du til en annen side på siden ‹/a›

Steg 2

Lær hvordan du legger inn lenker til lokale sider som ligger på tredjepartssider i HTML-en din:

‹A href= https://server.domain/folder/page.html› Ved å klikke på denne lenken, kommer du til en side på et helt annet nettsted ‹/a›

Trinn 3

Sjekk nå hvordan du setter inn bilder på en side som er lagret på samme server som nettstedet, forutsatt at alle filene på den serveren er lagret i en delt mappe:

‹Img src = filnavn.jpg›

Trinn 4

På samme måte setter du inn bilder som er lagret på tredjeparts servere på siden:

‹Img src =

Husk imidlertid at noen servere ikke tillater at bilder settes inn på sider utenfor dem, og som viser skjermsparere i stedet for eller viser ingenting. I slike tilfeller må du ikke kopiere bildet til en lokal server - det vil være et brudd på copyright. Det er bedre å gi en lenke til dette bildet.

Trinn 5

For å klikke på et bilde for å følge lenken, kombiner disse kodene på følgende måte:

‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›

Hvis ønskelig, erstatt i denne konstruksjonen den globale lenken til siden med den lokale, eller omvendt den lokale lenken til bildet med den globale.

Trinn 6

Til slutt, hvis du vil at lenken skal følges ved å klikke på både bildet og teksten under det, bruk en mer kompleks konstruksjon som denne:

‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Du vil bli omdirigert til en annen side, uansett om du klikker på denne teksten eller på den over den bilde. Resultatet blir nøyaktig det samme.

Anbefalt: