gtemata.com

Cum se adaugă o legătură la o imagine

Cu o singură linie HTML, puteți adăuga o imagine pe care puteți face clic pe orice site. Veți avea nevoie doar de două informații pentru a urma această metodă - adresa URL a imaginii și adresa URL a site-ului web.

paşi

Metoda 1

Scrieți codul HTML
1
Creați un fișier HTML. Deschideți un editor de text și creați un fișier nou. Salvați fișierul ca index.html.
• Puteți utiliza editorul de text preferat, inclusiv editorul implicit Windows, Notepad și Mac OS X, TextEdit.
• Dacă doriți să utilizați un editor de text special pentru utilizarea cu HTML, faceți clic aici pentru a descărca Atom, un program disponibil pentru Windows, Mac OS X și Linux.
• Dacă ați decis să utilizați TextEdit, înainte de a începe să scrieți fișierul HTML, faceți clic pe meniul Format și apoi faceți clic pe Numai text. Această setare vă va asigura că fișierul HTML este încărcat corect pe browserele web.
• Programele de procesare a textului, cum ar fi Microsoft Word, nu sunt potrivite pentru scrierea în HTML, deoarece adaugă caractere invizibile și formatare care pot crea probleme atunci când sunt vizualizate într-un browser web.
  • 2
    Copiați și inserați codul HTML standard. Selectați și copiați următorul cod, apoi lipiți-l în fișierul index.html pe care l-ați deschis.
  • 3
    Găsiți adresa URL a unei imagini. Găsiți o imagine pe Internet, faceți clic dreapta pe ea, apoi, în funcție de browserul dvs., faceți clic pe Copiați adresa URL a imaginii, Copiați adresa de imagine sau Copiați poziția imaginii.
    • În Firefox și Internet Explorer, veți găsi Copy Image Position. În URL-ul de imagine de copiere Chrome. Pe Safari, copiați adresa imaginii.
  • 4
    Adăugați adresa URL a imaginii. În fișierul index.html, faceți clic și trageți pentru a selecta IMAGE URL cu mouse-ul, apoi apăsați CTRL + V pentru a insera adresa URL a imaginii.


  • 5
    Adăugați adresa URL de destinație. În fișierul index.html, ștergeți adresa URL DESTINAȚIE, apoi tastați https://google.com.
    • Puteți introduce URL-ul pe care îl preferați ca adresă URL de destinație.
  • 6
    Salvați fișierul HTML.
  • 7
    Deschideți fișierul HTML într-un browser web. Faceți clic dreapta pe fișierul index.html, apoi deschideți-l cu browserul dvs. web preferat.
    • Când deschideți browserul, dacă nu vedeți imaginea, asigurați-vă că numele fișierului imagine este scris corect în fișierul index.html.
    • Când deschideți browserul, dacă puteți citi codul HTML în loc de imagine, ați salvat fișierul index.html în format de document îmbogățit. Încercați să editați fișierul HTML cu un editor de text diferit.
  • Metoda 2

    Înțelegerea codului HTML
    1
    Aflați cum să știți eticheta de ancorare. Codul HTML constă din etichete de deschidere și închidere. Eticheta este eticheta de deschidere, e eticheta de închidere. Se numește o etichetă de ancoră și se utilizează pentru a adăuga linkuri către pagini web.
    • Eticheta spune browser-ului să creeze un link. Partea href este abrevierea referinței HTML (referință HTML) și= spune browser-ului să ia tot textul între " " și să genereze o legătură. Puteți introduce adresa URL pe care o preferați în citate.
    • Eticheta spune browser-ului să închidă eticheta de ancorare.
    • Când adăugați un text între acel text va apărea ca un link pe care puteți face clic pe o pagină Web. De exemplu, Google ar crea un link către pagina Google.
  • 2
    Aflați cum să utilizați eticheta imaginii. Eticheta se închide automat, adică nu are nevoie de o etichetă de închidere corespunzătoare. Puteți să o închideți prin scriere sau.
  • " etichetă spune browserului să creeze o imagine. Partea src este abrevierea sursei (sursa),= spune browser-ului să ia conținutul între " " și obțineți imaginea din acea poziție.
  • Partea /> spune browser-ului să închidă eticheta imaginii.
  • De exemplu, codul {} ia imaginea la adresa URL specificată și o afișează într-un browser web.
  • 3
    Utilizați acest cod ori de câte ori doriți. Acum că știți codul, îl puteți folosi pentru a adăuga imagini pentru a face clic pe orice pagină web care poate afișa cod HTML.
  • Distribuiți pe rețelele sociale:

    înrudit