Mesaje privateMesaje private   AutentificareAutentificare 

 
Ancora

 
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului Crackers's Official Supporting Forum : HTML, PHP, MySQL, MsSQL
Subiectul anterior :: Subiectul urmator  
Autor Mesaj

GiovanY
Founder
Founder
GiovanY

Data inscrierii: 05/Sep/2008
Mesaje: 1979

MesajTrimis: 09/11/2008 17:42    Titlul subiectului: Ancora Raspunde cu citat (quote)

Este una dintre cele mai importante etichete. Realizează legarea de altã paginã a elementului încadrat.

Exemplul 1:
Cod:

<a href="texte/CV.htm" target="new" title="CV-ul meu"> Click aici !</a>

Intre primele douã ghilimele e datã calea pânã la documentul-tintã, în cazul nostru fisierul CV.htm din directorul texte. Acest fisier va fi deschis în fereastra numitã "new". Aceastã fereastrã poate fi una deja existentã sau una creatã pe loc. Dacã atributul target lipseste, fisierul CV.htm va fi deschis în fereastra fisierului apelant, adicã în locul paginii în care vã aflati. Atributul title produce aparitia unui dreptunghi continând un text, atunci când mouse-ul trece peste un link.

Exemplul 2:
Cod:

<a href="www.crackers.tk"> Click aici !</a>

Aceastã secventã de cod produce aparitia urmãtorului link: Click aici! Prin click, vom ajunge în situl cu adresa www.crackers.tk . Se observã utilizarea adresãrii absolute, nu a celei relative, ca în exemplul de mai sus, unde tinta e o paginã din acelasi sit web.

Exemplul 3:
Cod:

<a name="sus">Orar</a>
Legarea paginilor web
Legarea paginilor web intre ele Legarea paginilor web intre ele Legarea paginilor web intre ele Legarea paginilor web intre ele
Legaturi intre pagini
<a href="#sus">Link</a>

Prima si ultima linie vã ajutã sã navigati în interiorul unei pagini. Dacã pagina e lungã, e bine sã punem lângã titlu o ancorã ( numita "sus" în exemplul 2 ), iar în partea de jos un link cãtre titlu. Cu un click pe link, veti ajunge, fãrã scroll, în fracțiune de sus a paginii. Cuvântul "Link" poate fi înlocuit de o poză sugestivã, cum ar fi o sãgeatã.

Exemplul 4:
Cod:
<H1>Ancora</H1>
Ancora in HTML Ancora in HTML Ancora in HTML
ancora ancora ancora
<a href="sus">Link</a>
[/code]
Aceastã secventã de cod realizeazã, ca si precedenta, navigarea în interiorul aceleiasi pagini. Se observã cã ancora e introdusã în elementul <h1>.

Exemplul 5:
Cod:

<a href="mailto:crackers.myforum@gmail.ro">Crackers Team</a>

In acest fel, se realizeazã trimiterea unui e-mail la adresa precizatã: Gheorghe Ioan. Se observã cã ancora nu e folositã aici pentru legarea unor pagini web între ele.

Exemplul 6:
Cod:

<a href="www.crackers.tk">
  <img src="Banner.jpg">
</a>

O imagine poate constitui un link. Imaginea poate fi un banner ca de exemplu cel de mai jos, o fotografie etc. Executând click pe aceastã imagine, ajungem în pagina web cu adresa http://skyzone.ro. Manual de HTML Asadar, elementul suportã urmãtoarele atribute:

* Atributul href indicã URL-ul fisierului ( adresa acestuia ). Adresa poate fi absolutã sau relativã.
* Atributul type indicã tipul fisierului ( .html, audio, video etc. )
* Atributul title furnizeazã o scurtã descriere a fisierului.
* Atributul target precizeazã fereastra în care va fi încãrcat fisierul. Sunt curente urmãtoarele notatii:
o target="_blank" : fisierul se încarcã într-o nouã fereastrã, fãrã nume
o target="_self" : fisierul se încarcã în fereastra curentã
o target="_top" : fisierul se încarcã în întreaga fereastrã a navigatorului, neîmpãrtitã în frames
o target="_parent": fisierul se încarcã în fereastra ce e pãrintele ferestrei care contine link-ul
Cuvintele parent, top, self, blank sunt cuvinte rezervate.
* Atributul name marcheazã destinatia link-ului. Folosit, de obicei, pentru navigarea în cadrul aceleiasi pagini.
* Atributul hreflang precizeazã limba în care e scris fisierul legat. Atribut putin uzual.
* Atributul accesskey ia o valoare care este un caracter. Link-ul poate fi accesat apãsând simultan tasta "Alt" si tasta corespunzãtoare caracterului respectiv.
* Atributul style ajutã la dobândirea unui control mai fin asupra link-ului, a cãrui culoare poate fi setatã astfel. Evident, aceasta presupune folosirea CSS.
_________________
I love u:XSmile.
Respect: All:)

Ancora Ancora
Sus
Vezi profilul utilizatorului Trimite mesaj privat Trimite un mesaj
Afiseaza mesajele pentru a le previzualiza:   
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului Crackers's Official Supporting Forum : HTML, PHP, MySQL, MsSQL Ora este GMT + 2 ore
Pagina 1 din 1

 
Mergi direct la:  
Nu puteti crea un subiect nou in acest forum
Nu puteti raspunde in subiectele acestui forum
Nu puteti modifica mesajele proprii din acest forum
Nu puteti sterge mesajele proprii din acest forum
Nu puteti vota in chestionarele din acest forum