Cum Se Adaugă Un Link La O Imagine

Cuprins:

Cum Se Adaugă Un Link La O Imagine
Cum Se Adaugă Un Link La O Imagine

Video: Cum Se Adaugă Un Link La O Imagine

Video: Cum Se Adaugă Un Link La O Imagine
Video: Link-uri text si imagine in HTML | Tutorial in romana 2024, Aprilie
Anonim

Este foarte convenabil atunci când zona linkului activ nu este text, ci o imagine. Limbajul de marcare HTML este destul de capabil să facă acest lucru. Tot ce este necesar pentru aceasta este să combinați etichetele într-un mod special.

Cum se adaugă un link la o imagine
Cum se adaugă un link la o imagine

Instrucțiuni

Pasul 1

Dacă toate fișierele de pe server sunt stocate într-un singur folder, atunci scrieți următorul cod HTML al paginii:

‹A href=page.html› Dacă faceți clic pe acest link veți ajunge la o altă pagină din site ‹/a›

Pasul 2

Aflați cum să încorporați linkuri către pagini locale situate pe site-uri terțe în HTML:

‹A href= https://server.domain/folder/page.html› Dând clic pe acest link veți ajunge la o pagină situată pe un site complet diferit ‹/a›

Pasul 3

Acum, verificați cum să inserați imagini într-o pagină stocată pe același server cu site-ul, cu condiția ca toate fișierele de pe acel server să fie stocate într-un folder partajat:

‹Img src = filename.jpg›

Pasul 4

În același mod, inserați imagini stocate pe servere terțe părți în pagină:

‹Img src =

Rețineți, totuși, că unele servere nu permit introducerea imaginilor în paginile din afara lor, afișând în schimb economisitoare de ecran de avertizare sau afișând nimic. În astfel de cazuri, nu copiați imaginea pe un server local - aceasta va constitui o încălcare a drepturilor de autor. Este mai bine să dați un link către această imagine.

Pasul 5

Pentru a face clic pe o imagine pentru a urmări linkul, combinați aceste etichete după cum urmează:

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

Dacă se dorește, înlocuiți în această construcție legătura globală către pagină cu cea locală sau, dimpotrivă, legătura locală către imagine cu cea globală.

Pasul 6

În cele din urmă, dacă doriți ca linkul să fie urmat făcând clic atât pe imagine cât și pe textul de sub ea, utilizați o construcție mai complexă ca aceasta:

‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Veți fi redirecționat către o altă pagină indiferent dacă dați clic pe acest text sau pe cel de deasupra acestuia imagine. Rezultatul va fi exact același.

Recomandat: