[HTML] - Links / Herf

[B09]

 

Acesta este al 8-lea tutorial din seria de aprofundare

[/font][/color]

 

 

 

[color=#a9a9a9][u][b][font=georgia,serif]Tutorial HTML - Links / href[/font][/b][/u][/color]

[color=#ffffff][font=georgia,serif]Atributul href numeste legatura catre o alta pagina web. De fapt este locul unde va fi dus user-ul care va executa un click pe linkul respectiv. Linkurile pot fi de trei tipuri: - interne - catre locuri specifice din pagina (anchors) [/font][/color]

[i][color=#ffffff][font=georgia,serif]- locale [/font][/color][/i]

[i][color=#ffffff][font=georgia,serif]- catre alte pagini dar pe acelasi domeniu [/font][/color][/i]

[i][color=#ffffff][font=georgia,serif]- globale [/font][/color][/i]

[i][color=#ffffff][font=georgia,serif]- catre alte domeni in afara site-ului[/font][/color][/i]

 

 

[size=3]Internal - href="#anchorname"[/size]

[size=3]Local - href="../img/foto.jpg"[/size]

[size=3]Global - href="forum.b-zone.ro"[/size]

 

 

[color=#a9a9a9][u][b][font=georgia,serif]HTML - Linkuri Text[/font][/b][/u][/color]

[color=#ffffff][font=georgia,serif]Pentru a seta inceputul si sfarsitul unui anchor se poate folosi <a></a>. Alege tipul de atribut care iti trebuie si punel in interiorul tagului. en exemoplu simplu ar fi:[/font][/color]

 

[size=3]<a href="forum.b-zone.ro"_blank" >B-Zone Comunity </a>[/size]

 

[color=#a9a9a9][u][b][font=georgia,serif]HTML - Target-uri de link[/font][/b][/u][/color]

[color=#ffffff][font=georgia,serif]Atributul target spune browser-ului daca trebuie sa deschida noua pagina intr-o noua fereastra sau in aceeasi fereastra.[/font][/color]

 

target=" _blank" Deschide o noua fereastra _self" Deschide pagina in aceeasi fereastra _parent" Deschide noua pagina intr-un frame superior linkului _top" deschide noua pagina in acelasi browser anuland toate frame-urile

 

[color=#ffffff][font=georgia,serif]Exemplu de mai jos arata cum se poate deschide o pagina intr-o noua fereastra a browserului. In acest fel putem ramane pe pagina de tutoriale si deschidem o noua pagina de navigare.[/font][/color]

 

 

[size=3]<a href="http://www.google.com/" target="_blank" >Google </a>[/size]

 

[b][u][color=#a9a9a9][font=georgia,serif]HTML - Anchor[/font][/color][/u][/b]

[color=#ffffff][font=georgia,serif]Este folosit pentru a lega doua sectiuni ale aceleiasi pagini. In acest sens va trebuii sa dam un nume sectiunilor, dar pentru aceasta cel mai indicat ar fi sa aruncam o privire exemplului urmator.[/font][/color]

 

[size=3]<h1>HTML - Hypertext Reference / href<a name="top"></a></h1>[/size]

[size=3]<h2>HTML - Llink-uri text<a name="text"></a></h2>[/size]

[size=3]<h2>HTML - Link-uri de e-mail<a name="email"></a> </h2>[/size]

 

[color=#ffffff][i][font=georgia,serif]Mai departe trebuie sa formulam codul link-ului punand innaintea numelui anchor-ului semnul diez (#). Urmareste exemplul pentru mai buna intelegere.[/font][/i][/color]

 

[size=3]<a href="#top">Mergi la inceput </a>

<a href="#text">Invata despre link-uri text </a>

<a href="#email">Invata despre adrese de e-mail </a>[/size]

 

[color=#a9a9a9][u][b][font=georgia,serif]HTML - Link-uri de e-mail[/font][/b][/u][/color]

[color=#ffffff][font=georgia,serif]Crearea unui link de email este foarte simplu. Daca vrei ca cineva sa iti scrie un email cel mai bine ar fi sa sa ii pui la dispozitie un link cu email-ul tau si deasemenea un subiect prestabilit.[/font][/color]

 

 

[size=3]<a href="mailto:cineva@exemplu.com?subject=Nelamuriri&body=Scrie aici daca ai nelamuriri " >Nelamuriri aici </a>[/size]

 

 

[u][b][color=#a9a9a9][font=georgia,serif]HTML - Link-uri de download[/font][/color][/b][/u]

[color=#ffffff][font=georgia,serif]Forma unui link de download este exact aceeasi ca a unui link normal de text. Problema intervine atunci cand vrem sa punem o fotografie. Cea mai buna solutie ar fi sa folosim un tumbnail cu un link, dar vom discuta aceasta problema mai pe larg in lectia urmatoare.[/font][/color]

 

[size=3]<a href="http://forum.b-zone..../text.zip">Text Document</a>[/size]

 

[font=georgia,serif][color=#a9a9a9][u][b]HTML - LInk-uri default / Link-uri de baza[/b][/u][/color][/font]

[color=#ffffff][font=georgia,serif]Folosesta tag-ul <base> in interiorul elementului head pentru a seta un link de baza. Acesta este necesar in cazul in care ai pe undeva un link care nu functioneaza corect sau a carui destinatie numai exista. Link-ul de baza redirectioneaza user-ul la adresa specificata. In mod normal se redirectioneaza catre pagina de start, dar este acceptata oricare alta pagina, eventual o pagina special facuta acestui scop.[/font][/color]

 

[size=3]<head>

<base href="http://forum.b-zone.ro/">

</head>[/size]

 

[right][sub][size=1][font=courier new,courier,monospace]Sursa[/font][/size][/sub][/right]