O pagin? web poate con?ine diverse link-uri care v? duc direct la alte pagini ?i chiar la anumite p?r?i ale unei anumite pagini.
Aceste leg?turi sunt cunoscute sub numele de hyperlink-uri.
Hiperlink-urile permit vizitatorilor s? navigheze între site-urile Web f?când clic pe cuvinte, expresii ?i imagini. Astfel pute?i crea hyperlinkuri folosind text sau imagini disponibile pe o pagin? web.
Conectarea documentelor
O leg?tur? este specificat? folosind eticheta HTML <a>. Aceast? etichet? se nume?te etichet? ancor? ?i orice dintre eticheta <a> de deschidere ?i eticheta de închidere devine parte a leg?turii ?i un utilizator poate face clic pe acea parte pentru a ajunge la documentul legat </p> .
Sintaxa:
<a href="url">link text</a>
Exemplu:
<!DOCTYPE html>
<html>
<head>
<title>Cum sa adaugati link text?</title>
</head>
<body>
<p>Click pe urmatorul link</p>
<a href = "https://www.agernic.com/ro" target = "_self">Curs online designer pagini web</a>
</body>
</html>
HTML Atributul ?inta (target)
În exemplul nostru anterior am folosit atributul target. Acest atribut este utilizat pentru a specifica loca?ia unde s-a deschis documentul legat.
Urm?toarele op?iunile sunt posibile pentru target:
1. _blank --Deschide documentul legat într-o nou? fereastr? sau fil?.
2. _self --Deschide documentul legat în acela?i cadru.
3. _parent --Deschide documentul legat în cadrul p?rinte.
4. _top --Deschide documentul legat în corpul complet al ferestrei.
5. targetframe --Deschide documentul legat într-un cadru denumit.
Exemplu 2:
<!DOCTYPE html>
<html>
<head>
<title>Op?iuni posibile pentru target HTML</title>
</head>
<body>
<p>Click pe oricare dintre aceste linkuri</p>
<a href = "https://www.agernic.com/ro" target = "_blank">Web development -Opens in New</a> <br />
<a href = "https://www.agernic.com/ro" target = "_self">Webdesign incepatori -Opens in Self</a> <br />
<a href = "https://www.agernic.com/ro" target = "_parent">Cursuri web design online -Opens in Parent</a> <br />
<a href = "https://www.agernic.com/ro/html/text-links.php" target = "_top">programare incepatori -Opens in Body</a>
</body>
</html>
Setarea culoare ( color ) linkului HTML
Pute?i seta culori linkurilor active ?i ale linkurilor vizitate folosind atributele: link, alink ?i vlink ale etichetelor <body>.
Exemplu 3:
<!DOCTYPE html>
<html>
<head>
<title>Hyperlink Exemple</title>
</head>
<body alink = "#54A250" link = "#040404" vlink = "#F40633">
<p>Click pe oricare dintre aceste linkuri</p>
<a href = "https://www.agernic.com/ro" target = "_blank">Web development -Opens in New</a><br />
<a href = "https://www.agernic.com/ro" target = "_self">Webdesign incepatori -Opens in Self</a><br />
<a href = "https://www.agernic.com/ro" target = "_parent">Cursuri web design online -Opens in Parent</a><br />
<a href = "https://www.agernic.com/ro/html/text-links.php" target = "_top">programare incepatori -Opens in Body</a>
</body>
</html>
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
Find here examples of creative and unique website layouts.
Find here examples of creative and unique website CSS HTML menu.