Cum se adaugă un link foto

Cu o singură linie de cod HTML, puteți adăuga o imagine "clicabilă" pe aproape orice site. Veți avea nevoie de două lucruri: adresa URL a imaginii și adresa URL a site-ului.

conținut

Pași
Metoda 1scrierea codului html
Metoda 2Înțelegerea codului html

pași

Metoda 1
Scrierea codului HTML

Creați un fișier HTML. Deschideți un editor de text, pentru a alege „fișier nou“ și salvați-l ca „index.html“ (fără ghilimele).

• Se poate utiliza orice editor de text, inclusiv Windows nativ și Mac (Notepad și Text Editor, respectiv).

• Pentru a utiliza un program care funcționează cu HTML, descărcați atom, care rulează pe Windows, Mac și Linux.

• Când alegeți Text Editor, faceți clic pe meniul "Format" și pe "Creare text simplu" înainte de a scrie HTML, astfel încât fișierul să fie încărcat în mod normal în browserele de Internet.

• Procesoare de text, cum ar fi Microsoft Word, nu sunt cea mai bună alegere pentru a genera HTML ca adăuga caractere invizibile și formatare care se pot sparge un fișier HTML, ceea ce face imposibilă pentru a afișa corect în browserele.

Copiați și lipiți codul HTML implicit de mai jos. Deschideți "index.html" și lipiți-l.

Găsiți adresa URL a imaginii dorite pe internet. În funcție de browser-ul, faceți clic pe "Copiază URL-ul de imagine", "Copy Image Address" sau "Copiați locația imaginii."

• Atât Firefox și Internet Explorer utilizați "Copiați locația imaginii" - Chrome apare "Copiați adresa URL de imagine", și Safari, "Copiere Image Address".

Adăugați URL-ul imaginii în "index.html". Glisați adresa URL a imaginii cu mouse-ul și apăsați CTRL + V pentru al lipi.

În "index.html", ștergeți adresa URL de destinație și tastați https://google.com.

• Adresa URL de destinație poate fi cea dorită.

Salvați fișierul HTML.

Deschideți-l într-un browser făcând clic dreapta și selectând un browser.

• Când browserul se deschide, imaginea trebuie afișată. În caz contrar, asigurați-vă că numele dvs. este scris corect în fereastra de editare a textului "index.html".

• Dacă codul HTML pentru a fi afișat atunci când deschideți browserul (în loc de imagine), ați salvat „index.html“, ca în format „Rich Text“. Încercați să o modificați într-un alt editor.

Metoda 2
Înțelegerea codului HTML

Înțelegeți eticheta "ancora". Codul HTML este alcătuit din etichete deschise și închise: este o etichetă deschisă, în timp ce este închis. Acestea sunt etichete "ancora" utilizate pentru a adăuga linkuri către o pagină Web.

informează că browserul trebuie să facă link-ul, în timp ce href este o abreviere pentru "referința HTML". Pe de altă parte = instruiește browserul să transforme totul între ele „“ într-o legătură. Orice URL poate fi inclus în ghilimele.
Eticheta arată browser-ului că eticheta "ancora" este închisă.
Când adăugați un text între și , se va transforma într-un link clicabil pe o pagină web. De exemplu: Google link-uri către Google.

Înțelegeți eticheta imaginii . Are închidere proprie, atunci când scrie sau .

Acum, „“ „“ „“ furnizează informații pentru ca browserul să realizeze o imagine, în timp ce src este scurt pentru "sursă" și = informează că browser-ul ar trebui să obțină imaginea a tot ceea ce este între ele „“.
/> este comanda pentru a închide eticheta imaginii pentru browser.
De exemplu: {samp [} colectează imaginea URL și o afișează într-un browser.

Utilizați acest cod oriunde. Acum că știți cum să îl utilizați, utilizați-l pentru a adăuga imagini "clicabile" pe orice pagină web care poate afișa codul HTML.

Distribuiți pe rețelele sociale:

înrudit