Cum se adaugă un link către o imagine

Cu o singură linie de cod HTML, puteți adăuga o imagine clic pe aproape orice site web. Există două lucruri de care aveți nevoie pentru ca acest lucru să funcționeze. Veți avea nevoie de adresa URL pentru o imagine și veți avea nevoie de adresa URL a unui site web.

Pași

Metoda 1 din 2:
Scrierea codului HTML
  1. Imagine intitulată 769114 1
1. Creați un fișier HTML. Deschideți un editor de text și apoi creați un fișier nou. Salvați fișierul ca index.HTML.
    • Puteți utiliza orice editor de text dorit, chiar și editorii de text al sistemului furnizați de Windows, Notepad și Mac OS X, Textedit.
    • Dacă doriți să utilizați un editor de text destinat lucrărilor cu HTML, Click aici Pentru a descărca Atom, un editor de text care funcționează pe sistemele de operare Windows, Mac OS X și Linux.
    • Dacă utilizați TEXTEDIT, înainte de a începe să scrieți fișierul HTML, faceți clic pe meniul Format, apoi faceți clic pe Efectuați text simplu. Această setare vă va asigura că fișierul HTML se încarcă corect într-un browser web.
    • Procesoarele de text, cum ar fi Microsoft Word, nu sunt excelente pentru scrierea HTML, deoarece adaugă caractere invizibile și formatare care pot rupe un fișier HTML astfel încât să nu se afișeze corect într-un browser web.
  • Imagine intitulată 769114 2
    2. Copiați și lipiți codul HTML standard. Selectați și copiați codul HTML de mai jos și apoi introduceți-l în indexul dvs. deschis.Fișierul HTML.
  • Imagine intitulată 769114 3
    3. Găsiți adresa URL a imaginii. Găsiți o imagine pe Internet, faceți clic dreapta pe imagine și apoi, în funcție de browserul dvs., faceți clic pe Copiere URL imagine, copiați adresa imaginii sau copierea locației imaginii.
      • Firefox și Internet Explorer Utilizați locația de utilizare a imaginii. Chrome folosește adresa URL de copiere. Safari folosește adresa de copiere a imaginii.
  • Imagine intitulată 769114 4
    4. Adăugați adresa URL de imagine. În indexul.Fișier HTML, faceți clic și trageți pentru a selecta adresa URL a imaginii cu mouse-ul dvs., apoi apăsați Ctrl + V pentru a lipi adresa URL de imagine.
  • Imagine intitulată 769114 5
    5. Adăugați adresa URL de destinație. În indexul.Fișier HTML, ștergeți adresa URL de destinație, apoi introduceți https: // Google.COM.
      • Puteți utiliza orice adresă URL pe care o doriți pentru adresa URL de destinație.
  • Imagine intitulată 769114 6
    6. Salvați fișierul HTML.
  • Imagine intitulată 769114 7
    7. Deschideți fișierul HTML într-un browser web. Faceți clic dreapta pe index.Fișierul HTML, apoi deschideți-l în browserul web al alegerii dvs.
      • Când browserul se deschide, dacă nu vedeți imaginea, asigurați-vă că numele fișierului imagine este scris corect în index.Fereastra de editare a textului HTML.
      • Când browserul se deschide, dacă vedeți codul HTML în loc de imaginea de fundal, indexul dvs.Fișierul HTML a fost salvat ca un document text bogat. Poate doriți să încercați să editați fișierul HTML într-un editor de text diferit.
  • Metoda 2 din 2:
    Înțelegerea codului HTML
    1. Imagine intitulată 769114 8
    1. Înțelegeți eticheta de ancorare. Codul HTML este alcătuit din etichete deschise și închise. Eticheta este eticheta deschisă și este eticheta închisă. Se numește o etichetă de ancorare și este utilizată pentru a adăuga linkuri către o pagină web.
    • The spune unui browser să facă o legătură. href este scurt pentru referința HTML, = spune browserului să ia totul între " " și faceți-o o legătură. Orice adresă URL poate merge între cele două ghilimele.
    • The spune unui browser pe care eticheta de ancorare este închisă.
    • Când adăugați textul între și acesta va face textul un link clic pe o pagină web. De exemplu, Google ar crea un link către Google.
  • Imagine intitulată 769114 9
    2. Înțelegeți eticheta de imagine. Eticheta este o etichetă de închidere automată. Îl puteți închide cu scrisoarea scrisă .
  • Eticheta spune unui browser pentru a face o imagine. SRC este scurt pentru sursa, = spune browserului să ia totul între " " și obțineți imaginea din acea locație.
  • /> Spune unui browser să închidă eticheta de imagine.
  • De exemplu, {} ar primi imaginea la adresa adresei URL și apoi ar afișa-l într-un browser web.
  • Imagine intitulată 769114 10
    3. Utilizați acest cod oriunde. Acum că știți acest cod, puteți utiliza pentru a adăuga imagini clicable către orice pagină web care poate face codul HTML.
  • sfaturi

    Partajați pe rețeaua socială:
    Similar