Adăugați un link la o imagine

Cu o singură linie de cod HTML, puteți insera o imagine clicabilă în aproape orice pagină Web. Există două lucruri de care aveți nevoie pentru asta. Aveți nevoie de adresa URL pentru o imagine și de adresa URL a unui site web.

metodă

Metoda 1
Scrieți codul HTML

Image cu titlul 769114 1
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 prelua orice editor de text dorit, chiar editorii de text din Windows (Notepad) și Mac OS X (TextEdit).
• Dacă doriți să utilizați un editor de text pentru HTML, faceți clic aici pentru descărcarea Atom, un editor de text care funcționează pe Windows, Mac OS X și Linux.
• Dacă utilizați TextEdit, faceți clic pe Format și apoi pe text simplu înainte de a începe să scrieți fișierul HTML. Această setare asigură faptul că fișierul HTML se încarcă corect într-un browser.
• Procesoarele de text precum Microsoft Word nu sunt minunate la scrierea codului HTML deoarece adaugă caractere invizibile și formatare care afectează un fișier HTML astfel încât să nu se afișeze corect în browser.
  • Image cu titlul 769114 2
    2
    Copiați codul HTML standard și inserați-l. Etichetați codul HTML de mai jos, copiați-l și inserați-l în fișierul index.html deschis.
  • Image cu titlul 769114 3
    3
    Găsiți adresa URL a unei imagini. Găsiți o imagine pe Internet, faceți clic dreapta pe ea și apoi - în funcție de browserul dvs. - faceți clic pe Copy Link, Copy Image Address sau Copy URL.
    • Firefox, Safari și Internet Explorer folosesc fiecare nume diferite.
  • Image cu titlul 769114 4
    4
    Inserați adresa URL. În fișierul index.html, faceți clic pe URL-ul IMAGE pentru a selecta, apoi apăsați CTRL + V pentru a insera adresa URL a imaginii.
  • Image cu titlul 769114 5
    5


    Adăugați adresa URL de destinație. Ștergeți fișierul index.html DESTINATION URL și apoi apăsați https://google.com a.
    • Puteți viza orice adresă URL doriți.
  • Image cu titlul 769114 6
    6
    Salvați fișierul HTML.
  • Imagine cu titlul 769114 7
    7
    Deschideți fișierul HTML într-un browser. Faceți clic dreapta pe index.html și deschideți-l în browser-ul ales.
    • Dacă browserul se deschide și nu puteți vedea imaginea, asigurați-vă că numele fișierului imagine din fișierul index.html este scris corect în editorul de text.
    • Dacă browserul se deschide și veți vedea cod HTML în locul imaginii de fundal, fișierul index.html nu este salvat ca un document de text îmbogățit. Poate doriți să editați fișierul HTML într-un alt editor.
  • Metoda 2
    Înțelegeți codul HTML

    Image cu titlul 769114 8
    1
    Înțelegeți ziua de ancorare. Codul HTML constă din etichete de deschidere și închidere. Ziua este ziua de deschidere și cea de închidere. Aceasta se numește o etichetă de ancorare și se utilizează pentru a adăuga linkuri către o pagină Web.
    • spune unui browser că vine un link. href este scurt pentru referința HTML, = spune browser-ului că are totul între ele „“ ia și a crea un link de la el. Fiecare adresă URL poate fi între cele două ghilimele.
    • indică browserului că eticheta de ancorare va fi închisă.
    • Dacă vă aflați între și Introducerea textului devine un link clicabil pe o pagină Web. Google ar fi de ex. creați un link pe Google.
  • Image cu titlul 769114 9
    2
    Înțelegeți eticheta imaginii. Ziua este o zi cu închidere automată. Puteți să o închideți tastând sau.
  • „“ -ul Eticheta îi spune unui browser să proceseze o imagine. src este scurt pentru sursă, = spune browser-ului că are totul între ele „“ ia și ia imaginea din acest loc.
  • /> spune browser-ului să închidă eticheta imaginii.
  • ar fi de ex. obțineți imaginea la această adresă URL și apoi o vizualizați în browser.
  • Image cu titlul 769114 10
    3
    Utilizați acest cod peste tot. Acum că știți acest cod, puteți Utilizați pentru a adăuga o imagine care poate face clic pe orice pagină Web care poate gestiona codul HTML.
  • Related wikuHows

    Distribuiți pe rețelele sociale:

    înrudit