Tutorial HTML - Links / href
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)
- locale - catre alte pagini dar pe acelasi domeniu
- globale - catre alte domeni in afara site-ului
|
Internal - href="#anchorname" Local - href="../img/foto.jpg" Global - href="http://www.tutorialehtml.com/" |
HTML - Llink-uri text
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:
|
<a href="http://www.tutorialehtml.com" target="_blank" >Tutoriale HTML </a> |
Vizualizare
HTML - Target-uri de link
Atributul target spune browser-ului daca trebuie sa deschida noua pagina intr-o noua fereastra sau in aceeasi fereastra.
| 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 |
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.
|
<a href="http://www.google.com/" target="_blank" >Google </a> |
Vizualizare
HTML - Anchor
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.
|
<h1>HTML - Hypertext Reference / href<a name="top"></a></h1> <h2>HTML - Llink-uri text<a name="text"></a></h2> <h2>HTML - Link-uri de e-mail<a name="email"></a> </h2> |
Mai departe trebuie sa formulam codul link-ului punand innaintea numelui anchor-ului semnul diez (#). Urmareste exemplul pentru mai buna intelegere.
|
<a href="#top">Mergi la inceput </a> |
Vizualizare
|
Mergi la inceput |
HTML - Link-uri de e-mail
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.
|
<a href="mailto:cineva@exemplu.com?subject=Nelamuriri " >Nelamuriri aici </a> |
Vizualizare
In cazul in care un subiect nu este de ajuns si vrei sa adaugi ceva si la continutul email-ului, o poti face cu ajutorul urmatorului cod:
|
<a href="mailto:cineva@exemplu.com?subject=Nelamuriri&body=Scrie aici daca ai nelamuriri " >Nelamuriri aici </a> |
Vizualizare
HTML - Link-uri de download
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.
|
<a href="http://www.tutorialehtml.com/htmlT/text.zip">Text Document</a> |
HTML - LInk-uri default / Link-uri de baza
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.
|
<head> |
Comentarii
Cum pot lega o categorie de un articol, astfel incat atunci cand dau click pe categorie sa imi apara articolul?
in cateva cuvinte: iti trebuie o baza de date cu un camp numit, sa zicem: "categorie" , unde tu atunci cand adaugi un articol stabilesti un nume pt categoria respectiva. Apoi folosind php scoti din baza de date toate articolele din acea categorie.
De exemplu:
SELECT nume_camp FROM nume_tabel WHERE category="nume_categorie"
In linii mari ar fi cam asa dar mai documenteazate.
Trebuie sa inveti SQL si PHP. Pe etutoriale.ro gasesti cateva tutoriale de unde poti sa incepi.
Multumesc. Este totusi complicat si de durata. V-as ramane indatorata daca ar exista o metoda mai simpla (gen sursa-tinta/destinatie, prin copierea url-urilor si inserarea unor ancore), un fel de "truc" mai simplu al cunoscatorilor. Multumesc anticipat. O zi buna, va doresc!
@amalia
Ar mai fi intradevar o solutie, ceva mai simpla. Implica doar html si multa munca manuala.
Creezi un nume_categorie.html sau nume_categorie.php unde se vor adauga manual linkurile si eventual un scurt sumar al articolului adaugat. Vor fi create atatea fisiere cate categorii exista. Banuiesc ca fisierele cu categorii vor fi ancorate undeva intr-un meniu care exista pe toate paginile. In acest caz va trebuii sa modifici manual fiecare pagina in parte de fiecare data cand adaugi o categorie. Iti recomand sa pui categoriile doar pe prima pagina sau pe o pagina special destinata categoriilor pentru a evita toata aceasta munca. Voi mentiona totusi ca repartitia pagerank-ului pe paginile sitului va fi laba. Pe termen lung este o practica ineficienta, dar vei obtine un rezultat vizibil similar folosirii unei baze de date. Daca gasesti ceva mai bun te rog anunta-ma. Succes
Multumesc mult. Am sa incerc cu baza de date si SQL. Nu stiu, insa, PHP.
suuuper. am ajuns pana aici si am inteles:) maine pun in aplicare ce am citit pana acum :)
Salut!Eu sunt incepator dar am ambitie sa construiesc pagini web. Mai ales dupa indicatiile de pe site care-s ok si mai am si un programel de tip "what you see is what you get". Imi place limbajul asta. Mi se pare logic si mai "usurel". Am insa o mica problema: dupa ce am facut paginile nu le pot interconecta cu ajutorul butoanelor de link. Spre exemplu am butoane de genul "acasa", "despre noi" "galerie foto" etc. Cand sunt pe pagia de "acasa" si apas butoul "despre noi" nu se deschide pagina "despre noi". Cu link-uri de tipul <a href="bla bla bla"id="-self"></a>(scuze daca nu am scris bine din pricina grabei), merge. Dar cu link-uri de tip button nu merge interconectarea intre pagini desi am incercat in tot felul.Ceva sugestii? Multumesc anticipat
@Cristi
Salut,
Ceea ce vrei sa faci tu banuiesc ca este ceva e genul
<script language="JavaScript">
function goToURL() { window.location = "page.php"; }
</script>
<form>
<input type=button value="New JavaScripts" onClick="goToURL()">
</form>
Sincer, cred ca te complici mult.
Eu iti recomand sa folosesti o imagine a unui buton in loc de butonul generat cu ajutorul tagului imput.
<a href="page.php" target="_self"><img src="image_button.jpg" border="0" /></a>
Mi se pare mult mai simplu, mai descurcat si mai curat din punct de vedere SEO.
Sper ca te-am ajutat. Bafta in continuare
Buna!Nu stiu sa folosesc inca limbajul java. Trebuie sa-l invat dar mi se pare al naibii de complicat.Am si o carte de java care cand o vad ma apuca somnul :)Dupa ce am postat ieri mesajul de mai sus am reusit in sfarsit dupa 3 zile de chin chiar cand vroiam sa inchid compul. Am rulat un script de html de genul:
<form method="get" action="Fisierul unde vreau sa ma trimita butonul.html">
<input name="numele butonului" type="submit" value="Ce text va aparea pe buton">.Trebuie insa avut grija la sintaxa adica sa fii sigur ca ai scris ca lumea numele directorului si fisierului unde vrei sa te trimita butonul.
Am postat metoda ca poate mai sunt "destepti" ca si mine care dupa 3 zile de chin sa o gaseasca si sa se mandreasca pe faptul ca au descoperit gaura in macaroana :).
Poate o folosi la cineva scriptul. Multumesc din suflet. Cool site-ul. Te invata! Bafta!
@Cristi
Imi pare rau sa te dezamagesc dar codul pe care mi l-ai pus aici, pe langa faptul ca este incorect nu este un cod pentru link, ci un formular care teoretic trimitele datele introduse in campurile de text catre pagina pe care tu o specifici cu atributul acction. Acesta pagina neavand codul necesar procesari informatie nu va face mai nimic, iar butonul tau va functiona ca un link.
Cu alte cuvinte functioneaza cum vrei tu dar nu este un link.
Iti recomand inca odata linkurile imagine. In loc sa generezi butonul cu tagul imput pune o imagine a butonului. Vei avea de castigat pentru ca spiderul google merge din link in link pentru a indexa un site.
Daca nu te descurci cu linkul imagine ai aici un generator destul de simplu zic eu
http://www.scriptgenerator.net/generator/html-basic/html-text-and-image-link.php
Sall,
sunt o incepatoare in studiul html-ului dar cu toate ca sunt fata vreau sa invat ff bn tot ce tine de crearea unui web site.Sunt sigura ca in viitor imi va fi de folos :D...stiu ca nu e de ajuns sa te informezi de pe un site....ai nevoie si de carti..as vrea sa stiu ce carti mi-ar fi de folos..ast rasp :*
Multumesc!bft :-bd
salut @Cry,
Sincer sa fiu nu stiu ce carti sa iti recomand. Desi nu cred ca o carte de HTML vine rau vreodata eu cred ca pe net gasesti cam tot ce iti trebuie. Cu un pix, o hartie si un document notepad deschis te vei descurca de minune. Eu cred ca practica e cea mai buna carte e HTML.
Succes.
Salut! Am o problema ( am un forum instalat local doar asa de fun)cand apas pe un link de pe forum nu se deschide in alta fereastra de browser pur si simplu paraseste pagina de forum si imi afiseaza pagina respectiva. Cum fac sa se deschida in alta fereastra de browser pagina respectiva fara sa parasesc pagina de forum (am un forum de la phpBB)? Multumesc!
Trimite un comentariu!
