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

Resursa esențială care te va ghida pas cu pas în lumea complexă a platformei WordPress.

Nu a fost votat 19.11 lei Selectează opțiunile Acest produs are mai multe variații. Opțiunile pot fi alese în pagina produsului.
Ghid WordPress pentru începători
Ghid WordPress pentru începători

Descoperă arta gestionării site-urilor web cu WordPress!

Nu a fost votat 14.32 lei26.24 lei Selectează opțiunile Acest produs are mai multe variații. Opțiunile pot fi alese în pagina produsului.
Proiectarea, dezvoltarea şi întreţinerea siturilor web
Proiectarea, dezvoltarea şi întreţinerea siturilor web

Ghidul complet pentru proiectarea, dezvoltarea și întreținerea siturilor web, o resursă indispensabilă

Nu a fost votat 14.32 lei57.32 lei Selectează opțiunile Acest produs are mai multe variații. Opțiunile pot fi alese în pagina produsului.

Lasă un răspuns

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