»  Pagina principala  »  Tutoriale »  Tutorial complet HTML

Tutorial complet HTML

3.1 Legaturi
Legatura (link-ul) este o eticheta foarte importanta in HTML deoarece confera utilizatorului posibilitatea navigarii de la o pagina la alta. Deobicei link-ul este subliniat iar atunci cind suntem deasupra lui cursorul isi schimba forma.

Link-ul este definit cu etichetele <a> si </a> si are atributele:
href - adresa fisierului destinatie
target - in ce fereastra se va deschide fisierul destinatie
title - mica descriere asociata legaturii afisata in momentul in care mouse-ul se afla deasupra legaturii

Adresa fisierului destinatie poate fi exprimata astfel:
nume fisier daca se afla in acelasi folder cu pagina curenta
adresa relativa daca se afla pe acelasi server sau disc, indicandu-se calea
adresa URL fiind adresa completa a paginii (de exemplu: http://www.proba.ro/pagina.html)

Atributul target poate lua valorile:
_blank pagina va fi incarcata intr-o noua fereastra
_parent pagina va fi incarcata in fereastra parinte
_top pagina va fi incarcata in fereastra top a cadrului
_self pagina va fi incarcata in aceeasi fereastra

Exemplu: link catre pagina web Academia Online

HTMLAfisare
<a href="http://www.academiaonline.ro">Academia Online</a>Academia Online

Putem insera un link catre o adresa de e-mail putand asocia si un subiect prestabilit

HTMLAfisare
<a href="mailto:test@test.ro">Trimite e-mail</a>Trimite e-mail
<a href='mailto:test@test.ro?subject="subiect prestabilit"'>Trimite e-mail</a>Trimite e-mail

Culoarea linkurilor poate fi modificata introducand in eticheta body urmatoarele atribute:
LINK legatura nevisitata (default albatru)
VLINK legatura visitata (default rosu)
ALINK legatura activa (nu prea se foloseste - default portocaliu)

3.2 Ancore
Se pot adauga puncte de reper (ancore) pentru o deplasare mai usoara in cazul unor pagini HTML lungi sau catre un loc anume aflat intr-o alta.
Ancora se defineste tot intre etichetele <a> si </a> dar cu atributul name. Pentru a face trimitere catre ancora se introduce un link cu atributul href avand ca valoare denumirea ancorei.

Exemplu:

Ancora<a name="nume">Ancora</a>
Link catre ancora aflata in aceeasi pagina<a href="#nume">Inapoi la ancora</a>
Link catre ancora aflata in alta pagina<a href="pagina.html#nume">Inapoi la ancora din pagina.html</a>



« Inapoi 1 2 3 4 5 6 7 8 9 10 11 Inainte »
Pagina Urmatoare: Imagini




Link-ul autorului:
www.drogoreanu.ro/tutorials/html.php

Comentarii



   GAVRILESCU

Sint incepator in cele ale html dar informatiile pe care le dati sint extraordinare.Va felicit si va multumesc.poate imi recomandati ceva pentru documentare....chiar si contra cost
23-Apr-2010 - 23:51


   Cristian

Pentru HTML si CSS gasesti mai multe resurse pe www.tutorialehtml.com (e frate cu etutoriale), care e dedicat in totalitate pentru tutoriale HTML, XHtml si CSS. Daca ai rabdare si nu sari peste pagini in graba nu ai nevoie de nici un manual sau curs platit.
24-Apr-2010 - 19:00


   Andreiul

Poti te rog sa ma ajuti cu doua chestii ? 1. am pus o ancora in pagina ... si a doua nu mai functioneaza daca o pun ... 2. nu stiu cum sa postez situl .. poti sa imi dai niste indicatii :D ; daca ai timp uite-te te rog si la site-ul meu ... ce fac gresit in a pune acele ancore ... si te rog raspunde-mi ;)
(...............)
21-May-2010 - 14:55


   ioana

am facut un site calumea dar nu stiu cum sal postez........ma ajuti pls
23-Jun-2010 - 13:33


   marian

Nu vreu sa fiu rautocios, dar majoritatea tutorialele
sint fortate, sumare, fara introducere, fara intelegerea fenomenelor facute in graba.
12-Sep-2010 - 18:46


   Robert

Eu am invatat de aici cum sa fac un website
http://www.#######.ro
04-Oct-2010 - 16:39


   denisa

cum fac si io un radio ca am urmat pas cu pas tutorialul tau vali si nu merge imi spune invalid password. ce fac ?
06-Oct-2010 - 13:14


   Andreea

ce trebuie sa contina fisierul "script.php" si cum il creez? please help!!!
14-Nov-2010 - 18:47


   upgrade

imi palce mult!
17-Nov-2010 - 14:45


   Ionita Marius

lucruri foarte folesitoare!!!multumim!!
06-Dec-2010 - 13:07


   Extremlym

Thanks !!!
Apreciate
07-Dec-2010 - 16:59


   robi

doresc sa scriu un text langa un video pe care l-am luat de pe youutube si nu reusesc aveti vreo idee cum as putea face?
08-Jan-2011 - 15:14


   s0r1n

Cum mai pot pune un dj? Cu ShoutCast si winamp v5?
19-Jan-2011 - 14:31


   Popa mihai

Cel mai tare blog
29-Mar-2011 - 07:57



Voteaza acest articol!
 



Trimite un comentariu!

Nume *
E-mail *
Comentariu *
  Vreau sa fiu anuntat de urmatoarele mesaje la acest articol

Security image

Catalin Drogoreanu

Inginer electronist din Bucuresti. In 2003 a inceput activitatea de webdesigner ca o activitate in timpul liber. Are cunostinte de HTML, CSS, PHP, MySQL si Adobe Photoshop.
http://www.drogoreanu.ro

Cloud tag

tutorial, photoshop, html, css, javascript, flash, php, mysql, grafica 3D, tutorial, coduri, scripturi, generator de coduri, cursuri php