Linkurile afectează în mod semnificativ aspectul unei pagini web. Fie că este vorba de site-ul dvs. sau de blogul dvs., linkurile frumos personalizate vor schimba în bine designul site-ului dvs. Chiar și fără cunoștințe de html și css, crearea unui link frumos este destul de ușoară.
Instrucțiuni
Pasul 1
În primul rând, să creăm un link obișnuit. Acest lucru se face folosind următorul cod: numele link-ului. În acest cod, eticheta este un link. Atributul său „href” indică adresa paginii către care conduce linkul. În loc de „titlul legăturii”, scrieți un cuvânt sau o expresie care va reprezenta legătura
De asemenea, puteți adăuga text care va apărea când faceți clic pe link. Atributul „title” al etichetei vă va ajuta în acest sens.
Pasul 2
Acum să trecem la conectare. Cel mai simplu mod de a face acest lucru este în cascadă de foi de stil (CSS). Deschideți fișierul care conține stilurile pentru site-ul dvs. și scrieți alt cod acolo. Alternativ, puteți insera stiluri direct în pagina html. Pentru a face acest lucru, utilizați codul de personalizare a stilului site-ului.
Pasul 3
Să trecem la design. Sintaxa pentru intrare ar fi un {parametri de stil}. Ce ar trebui să scriu aici?
Mai întâi, schimbați culoarea linkurilor după preferința dvs. Acest cod vă va ajuta în acest sens:
a {color: # 00000;}. Desigur, în loc de „# 00000” trebuie să introduceți propria culoare. Puteți afla codul de culoare în acest formular în diferite programe grafice (de exemplu, în Photoshop) sau puteți găsi o paletă web.
Pasul 4
În mod implicit, browserul subliniază linkurile. Acest lucru poate fi anulat cu următorul cod: a {text-decoration: none;}
Pentru a crea legături îndrăznețe, utilizați parametrul font-weight: bold; Este inserat în codul de stil în același mod ca culoarea, subliniatul.
Pasul 5
Probabil ați observat că pe unele site-uri, când treceți peste un link, aspectul acestuia se schimbă. Puteți face și acest lucru. Un astfel de cod vă va ajuta: a: plasați {parametrii stilului}. Parametrii sunt specificați în același mod ca și pentru un link obișnuit, singura valoare este pseudo-clasa „hover”, care notifică browserul că aceste setări trebuie aplicate atunci când treceți peste link.
În mod similar, puteți evidenția linkurile vizitate: a: vizitat {parametri de stil}
