Link-uri se găsesc în aproape toate paginile web. Link-uri permit utilizatorilor să faceți clic pe drumul lor de la o pagină la alta.
Link-uri HTML - Hyperlinkuri
link-uri HTML sunt hyperlink-uri.
Un hyperlink este un text sau o imagine puteți să faceți clic pe, și sari la un alt document.
Link-uri HTML - Sintaxa
În HTML, link - uri sunt definite cu <a> tag - ul:
<a href=" Exemplu <a href="http://www.w3ii.com/html/default.html">Visit our HTML tutorial</a> Încearcă - l singur » href atribut specifica adresa de destinație (http://www.w3ii.com/html/default.html)
Textul link - ul este partea vizibila (Visit our HTML tutorial) .
Făcând clic pe textul link-ul, vă va trimite la adresa specificată.
Textul link-ul nu trebuie să fie de text. Acesta poate fi o imagine HTML sau orice alt element HTML.
Fără bara oblică pe adresele de subfoldere, s-ar putea genera două cereri la server. Multe servere se vor adăuga automat bara oblică la adresa, și apoi să creați o nouă cerere.
Link-uri locale
Exemplul folosit de mai sus o adresă URL absolută (A full web address) .
Un link local (link to the same web site) -ul (without http://www.... ) (link to the same web site) este specificat cu un URL relativ (without http://www.... ) .
Link-uri HTML - Culori
Când mutați mouse-ul peste un link, două lucruri se va întâmpla în mod normal:
- Săgeata mouse-ul se va transforma într-o mână mică
- Culoarea elementului link-ul se va schimba
În mod implicit, va apărea un link ca acesta (in all browsers) :
- O legătură nevizitate este subliniată și albastru
- Un link vizitat este subliniat și violet
- O legătură activă este subliniată și roșu
Puteți schimba culorile implicite, folosind stiluri:
Exemplu
<style>
a:link {color:green; background-color:transparent; text-decoration:none}
a:visited {color:pink; background-color:transparent; text-decoration:none}
a:hover {color:red; background-color:transparent; text-decoration:underline}
a:active {color:yellow; background-color:transparent; text-decoration:underline}
</style>
Încearcă - l singur » Link - uri HTML - Cu privire la target de atribut
target atribut specifica în cazul în care pentru a deschide documentul legat.
Acest exemplu se va deschide documentul legat într-o fereastră nouă de browser sau într-o nouă filă:
| Valoare țintă | Descriere |
|---|---|
| _blank | Deschide documentul legat într-o fereastră nouă sau o filă |
| _self | Deschide documentul legat în același cadru ca acesta a fost apasat (this is default) |
| _parent | Deschide documentul legat în cadrul părinte |
| _top | Deschide documentul legat în întregul corp al ferestrei |
| framename | Deschide documentul legat într-un cadru numit |
În cazul în care site - ul dvs. este blocat într - un cadru, puteți folosi target="_top" pentru a iesi din cadru:
Exemplu
<a href="http://www.w3ii.com/html/default.html" target="_top">HTML5 tutorial!</a> Încearcă - l singur » HTML Link-uri - imaginea ca link
Este comună de a utiliza imagini ca link-uri:
Exemplu
<a href="default.html">
<img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0">
</a>
Încearcă - l singur » de frontieră: 0 este adăugat pentru a preveni IE9 (and earlier) de la afișarea unui chenar în jurul imaginii.
HTML Link-uri - Crearea unui marcaj
marcajele HTML sunt folosite pentru a permite cititorilor să sară la anumite părți ale unei pagini web.
Marcajele sunt practice în cazul în care site-ul dvs. are pagini lungi.
Pentru a face un semn de carte, trebuie să creați mai întâi marcajul, și apoi adăugați un link către aceasta.
În cazul în care link-ul este apasat, pagina se va derula la locația cu marcajul.
Exemplu
Mai întâi, creați un semn de carte cu id atributul:
<h2 id="tips">Useful Tips Section</h2>Apoi, adăugați un link la marcajul ("Useful Tips Section") , din cadrul aceleiași pagini:
<a href="#tips">Visit the Useful Tips Section</a>Sau adăugați un link la marcajul ("Useful Tips Section") , dintr -o altă pagină:
Rezumatul capitolului
- Utilizați HTML <a> elementul pentru a defini un link
- Utilizați HTML href atribut pentru a defini adresa link -
- Utilizați HTML target atribut pentru a defini în cazul în care pentru a deschide documentul legat
- Utilizați HTML <img> elementul (inside <a> ) pentru a utiliza o imagine ca un link
- Utilizați HTML id atributul ( id=" value ") pentru a defini semne de carte într - o pagină
- Utilizați HTML href atributul ( href="# value ") pentru a lega la marcajul
Testați-te cu exerciții!
Exercițiul 1 » Exercițiul 2» Exercițiul 3 » Exercițiul 4» Exercițiul 5 »
Link-uri HTML Tag-uri
| Etichetă | Descriere |
|---|---|
| <a> | Definește un hyperlink |