Cum Se Face Un Hyperlink Pe Un Site Web

Cuprins:

Cum Se Face Un Hyperlink Pe Un Site Web
Cum Se Face Un Hyperlink Pe Un Site Web

Video: Cum Se Face Un Hyperlink Pe Un Site Web

Video: Cum Se Face Un Hyperlink Pe Un Site Web
Video: 12: How to Create Links in HTML | Basics of CSS | Learn HTML and CSS | HTML Tutorial 2024, Mai
Anonim

Hiperlinkurile sunt fundamentul pe care este construită structura internetului. Aceste elemente ale paginilor de Internet vă permit să conectați paginile site-urilor într-o singură rețea. Să aruncăm o privire mai atentă asupra modului în care hyperlinkurile sunt inserate în documente.

Hiperlinkuri în paginile site-ului
Hiperlinkuri în paginile site-ului

Instrucțiuni

Pasul 1

Linkurile hipertext sunt concepute pentru a lega text, imagini sau alte elemente ale paginii la alte documente hipertext. Toate elementele unei pagini de site, inclusiv link-uri, sunt create de browser, care primește instrucțiuni detaliate din codul de pagină trimis de server. Acest cod HTML (HyperText Markup Language) este format din „etichete” care descriu tipul, aspectul și locația tuturor elementelor unei pagini web. Un hyperlink standard este creat de browser atunci când întâlnește următoarea etichetă din codul paginii, de exemplu, următoarea etichetă: Link text Aici este eticheta de deschidere a linkului, - eticheta de închidere. Eticheta de deschidere poate conține informații suplimentare - „atribute”. În acest link simplu, atributul href conține adresa URL a paginii sau a altui document care va fi solicitat dacă un vizitator face clic pe link. Uneori nu este necesar să indicați adresa completă - dacă documentul solicitat se află pe server în același folder (sau într-un subfolder din acesta), atunci este suficient să specificați numai numele sau calea către subfolder. Astfel de adrese se numesc „relative”, acestea ar trebui scrise, de exemplu, astfel: Link text Când faceți clic pe acest link, va fi încărcat documentul moreText.html din același folder. Și adresele de legătură absolută încep cu un protocol, de exemplu: Text Link Aici „http” (HyperText Transfer Protocol) este adresa obișnuită a unui document dintr-o rețea. Și dacă specificați protocolul „mailto”, atunci hyperlinkul va lansa programul dvs. de e-mail, în loc să meargă la altă pagină: link e-mail): Link către arhivă

Pasul 2

Un alt atribut de hyperlink care indică în ce fereastră să încărcați acest document nou este scris „țintă”. Dacă puteți introduce orice adresă corectă în atributul href, atunci ținta poate avea doar patru valori: _self - pagina trebuie încărcată în aceeași fereastră sau cadru. „Rame” se referă la o parte a ferestrei împărțită în mai multe părți; _parent - dacă pagina curentă a fost încărcată dintr-o altă fereastră (sau cadru), atunci are o fereastră „părinte”. Și valoarea _parent necesită ca pagina pe care punctele de legătură să fie încărcate în această fereastră părinte; _top - noua pagină trebuie încărcată în aceeași fereastră. Dacă această fereastră este împărțită în cadre, atunci la încărcare vor fi distruse, iar noua pagină va fi singurul cadru din această fereastră; _blank - se va deschide o fereastră separată pentru a urma linkul; De exemplu:

Linkul se va deschide într-o fereastră nouă

Pasul 3

Este posibil să creați un hyperlink pentru a merge nu la o altă pagină, ci la o secțiune dată din același document. Pentru a indica o astfel de „destinație” în codul html al documentului, se folosește o legătură de ancorare: iar legătura care derulează documentul către această ancoră arată astfel: Legătură la prima ancoră a paginii Puteți lega la ancore nu numai în acest document, dar și în altele: Ancorare într-o altă pagină Desigur, în codul html al altui document trebuie să existe o astfel de legătură de ancorare cu atributul nume = "Ancoră1".

Pasul 4

Un hyperlink poate servi nu numai text, ci și alte elemente ale paginilor - de exemplu, imagini. Cea mai simplă etichetă care desenează o imagine arată astfel: Și pentru ca imaginea să devină un hyperlink, trebuie să fie inclusă între etichetele de deschidere și închidere:

Recomandat: