Înainte de a crea un link în HTML, trebuiepentru a înțelege ce este și ce tipuri de ele sunt. Orice link începe cu eticheta <a> și se termină cu eticheta </a>. Utilizatorului i se arată doar ceea ce este inclus între aceste etichete. Browserul nu afișează linkul în sine. Poate fi văzut pe hover în bara de stare.
Toate linkurile pot fi împărțite în funcție de diferite criterii și tipuri. De exemplu, linkurile pot fi împărțite după scop:
- în interiorul documentului;
- la o altă pagină web;
- la diferite fișiere;
- la adresele poștale.
În plus, al doilea și al treilea element pot fi împărțiți în adrese absolute și relative. Mai multe despre asta mai târziu. Să luăm în considerare cel mai simplu caz acum.
Cum se face un link în HTML? Pentru a face acest lucru, puteți deschide blocnotesul sau orice alt editor și rescrie codul de mai sus.
Rezultatul va fi următorul.
În ce constă legătura?
Amintiți-vă că orice link trebuie să conțină:
- deschiderea și închiderea etichetelor;
- textul legăturii;
- atributul href, care specifică adresa URL către care va fi direcționat utilizatorul.
După cum puteți vedea, în prima imagine, linkul este pages / about.html. Aceasta este o legătură relativă. În imaginea de mai sus, link-ul începe cu http: //. În acest caz, se folosește o referință absolută.
Dacă nu specificați o etichetă de închidere, asta este.următoarele vor fi, de asemenea, o continuare a acestui link. Atenție. Când scrieți codul, includeți imediat etichetele de deschidere și închidere. În acest fel este mai sigur.
Cum fac din imagine o legătură în HTML?
În loc de text în etichete <a> ... </a>, puteți specifica imagini. Adică, dacă utilizatorul dă clic pe imagine, acesta vă va urma linkul.
Această metodă este folosită foarte des.Mai ales în meniul de pe site-uri frumoase. Designerii de machete se gândesc întotdeauna la modul de conectare la o pagină în HTML înainte de a crea un design wireframe. Mai exact, în ce formă să faci totul. Sunt utilizate toate metodele pe care webmasterul le deține. Să luăm în considerare designul puțin mai departe.
Cum se leagă un fișier în HTML?
Atributul href poate conține linkuri către fișiere. Acest lucru se întâmplă de obicei atunci când este specificat un link de descărcare a fișierului (arhivă, film, muzică, carte, fișier text și așa mai departe).
Cu alte cuvinte, puteți specifica orice doriți în adresă. Dacă nu este o pagină web, browserul va încerca să o descarce.
Linkuri în cadrul paginii
Sigur ai vizitat măcar o dată„Wikipedia”. Există conținutul articolului. Și când faceți clic pe orice articol, sunteți condus la subpoziția corespunzătoare. Astfel de link-uri sunt numite linkuri dintr-un document sau marcaje.
Cum se face un link într-o pagină în HTML?
Totul este foarte simplu.Indicăm linkuri în text cu atributul <a>, dar nu specificăm href. Trebuie să scrieți atributul nume și să setați un nume unic în document. Și în locul în care indicați linkuri către aceste note din interiorul documentului, în atributul href scriem mai întâi un hash, apoi numele unic.
De îndată ce browserul vede simbolul # în adresă, înțelege că este necesar să se refere la un element din același document.
Link-uri prin e-mail
Uneori trebuie să furnizați un link către adresa dvs. de e-mail. Se poate face așa.
După ce faceți clic pe acest link, utilizatorulse va deschide aplicația pentru gestionarea poștei. Acesta este de obicei Outlook standard. Dar acest program nu este de obicei configurat de nimeni. Prin urmare, de obicei adresa de e-mail este indicată pur și simplu sub formă de text.
Atribute
Dacă ați aflat cum să creați un link în HTML, atunci este recomandat să studiați restul atributelor etichetei <a>. Aceasta este o informație foarte importantă. Să luăm în considerare cele mai de bază:
- Atribut titlu - Creează un sfat de instrumente atunci când treceți cu mouse-ul peste un link. Este destul de convenabil. Acest lucru vă permite să furnizați informații suplimentare utilizatorului.
- Atributul țintă este locul în care va fi încărcat noul document (pagina web). Poate avea următoarele valori:
- _blank - se va deschide o nouă fereastră de browser;
- _self - se deschide în fereastra curentă, aceasta este valoarea implicită, nu este necesar să o specificați;
- _parent - încărcarea în cadrul părinte, dacă nu există, atributul preia valoarea_self;
- _top - anulați toate cadrele și încărcați pagina la dimensiunea completă a browserului. Dacă nu există cadre, atunci apare o analogie cu _self.
- Descărcați atributul.Datorită acestuia, puteți forța descărcarea fișierului specificat în atributul href. Acest parametru nu are valoare. Pur și simplu specificăm <a download href="img/photo.jpg"> Link către fișier </a>. Dacă nu specificați descărcați, apoi browserul va deschide fotografia. În acest caz, va începe descărcarea pe computer.
Proiectare link
Dacă ți-ai dat seama cum să faci dintr-o imagine un linkHTML, este recomandabil să vă asigurați și că arată normal. În mod implicit, apare o margine în jurul imaginii, care este un link. Arată grosolan și urât. Deoarece grosimea sa este de 3 pixeli.
Pentru a evita acest lucru, trebuie să specificați border = "0". Adică, granița va fi egală cu zero. Acest link din imagine va arăta frumos și acceptabil. În caz contrar, veți speria toți vizitatorii site-ului.
concluzie
Link-urile sunt, la prima vedere, o etichetă foarte simplă. Dar, dacă aprofundați și luați în considerare toate tipurile de linkuri și atribute, se dovedește că nu totul este atât de ușor și fără nor.
Amintiți-vă, legăturile sunt coloana vertebrală a World Wide Web. Fără ele, nu ar exista.
