Home » Articole » Articole » Calculatoare » Dezvoltarea web » HTML » Ancore ca linkuri interne în web design

Ancore ca linkuri interne în web design

postat în: HTML 0

Ca urmare a posibilității noastre de a elimina sublinierea dintr-un link, există și alte caracteristici speciale pe care le putem controla pentru ancorele paginii noastre folosind CSS.

Specificând linkul vizitat sau trecerea cursorului în selectorul nostru de linkuri, putem controla ce se întâmplă înainte, în timpul și după ce pe un link a fost dat clic.

Ne putem gândi la acestea ca la aplicarea de atribute în etichetele noastre HTML, cu excepția CSS unde caracteristicile speciale sunt numite pseudo-clase.

Deoarece putem specifica orice regulă CSS validă, putem face ca linkurile noastre să își schimbe culorile, să modificăm fundalurile, să schimbăm textul și proprietățile fontului și orice altceva la care ne vom uita.

Pentru a vedea câteva dintre elementele de bază în acțiune, vom schimba culorile textului pentru fiecare acțiune, precum și culoarea de fundal atunci când trecem cu mouse-ul.

Deoarece va trebui să interacționați cu linkurile pentru a le vedea în acțiune, vom renunța la o imagine aici și puți testa singur codul:

<style>
a:link {color:#FF0000; background-color:yellow;} /* unvisited
link */
a:visited {color:#00FF00; background-color:orange;} /*
visited link */
a:hover {color:#FF00FF; background-color:green;} /* mouse
over link */
a:active {color:#0000FF; background-color:white;} /* selected
link */
</style>
<a href="" target="_blank">Acesta este un link fals!</a>

Acesta este un link fals!

Sursa: Michael Mendez, The Missing Link – An Introduction to Web Development and Programming (CC BY-NC-SA 3.0 License), Published by Open SUNY Textbooks, Milne Library (IITG PI), State University of New York at Geneseo. Traducere de Nicolae Sfetcu

Ghid WordPress pentru dezvoltatori
Ghid WordPress pentru dezvoltatori

WordPress este o platformă pentru site-uri web rapidă, fiabilă, cu facilități multiple pentru dezvoltatori și ușor de utilizat. Totusi, dezvoltatorii și beneficiarii au de multe ori nevoie să adauge funcționalități suplimentare pentru a răspunde nevoilor lor. Acest ghid oferă unele … Citeşte mai mult

Nu a fost votat $3.99 Selectează opțiunile
Ghid WordPress pentru începători
Ghid WordPress pentru începători

WordPress combină simplitatea pentru utilizatorii şi editori cu complexitate suportului software pentru dezvoltatori. Acest lucru îl face mai flexibil, fiind în acelaşi timp uşor de utilizat. Simplitatea sa face posibilă instalarea şi publicarea online rapid. Nimic nu ar trebui să … Citeşte mai mult

Nu a fost votat $2.99$4.77 Selectează opțiunile
Proiectarea, dezvoltarea şi întreţinerea siturilor web
Proiectarea, dezvoltarea şi întreţinerea siturilor web

Un ghid pentru dezvoltatorii web, cu accent pe HTML, XML, JavaScript, SQL, tehnologii web, software web, software pentru dezvoltare web, aplicaţii web, şabloane pentru aplicaţii web, AJAX, servicii web, sindicalizarea web, web design, situri web, găzduirea web, analiza siturilor web, … Citeşte mai mult

Nu a fost votat $2.99$11.97 Selectează opțiunile

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *