Havola ranglari
HTML havolasi tashrif buyurilganmi, tashrif buyurilmaganmi yoki faolmi ekaniga qarab turli rangda ko‘rsatiladi.
HTML havola ranglari
Standart bo‘yicha, havola quyidagicha ko‘rinadi (barcha brauzerlarda):
- Tashrif buyurilmagan havola tagi chizilgan va ko‘k rangda
- Tashrif buyurilgan havola tagi chizilgan va binafsha rangda
- Faol havola tagi chizilgan va qizil rangda
CSS yordamida havola holati ranglarini o‘zgartirishingiz mumkin:
Misol
Bu yerda hali ochilmagan havola yashil rangda, tagiga chizilmagan holda ko‘rinadi. Ochilgan havola pushti rangda, tagiga chizilmagan bo‘ladi. Faol havola sariq rangda, tagiga chizilgan bo‘ladi. Bundan tashqari, sichqoncha ko‘rsatkichi havola ustiga olib borilganda (a:hover), u qizil rangga o‘tadi va tagiga chiziladi:
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
O‘zingiz sinab ko‘ring »
Havola tugmalari
CSS yordamida havolaga tugma ko‘rinishini ham berish mumkin:
Bu havolaMisol
<style>
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 15px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
</style>
O‘zingiz sinab ko‘ring »
CSS haqida ko‘proq bilish uchun CSS darsligimizga murojaat qiling.
HTML havola teglari
| Tag | Tavsif |
|---|---|
| <a> | Giperhavolani belgilaydi |
Barcha mavjud HTML teglarining to‘liq ro‘yxati uchun HTML teglar ma’lumotnomamizga murojaat qiling.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!