CSS navigatsiya panellari
CSS navigatsiya panellari
Navigatsiya paneli veb-dizaynning muhim tarkibiy qismidir.
Navigatsiya panellari foydalanuvchilarga veb-saytning turli bo‘limlari o‘rtasida oson harakatlanishga yordam beradi.
Navigatsiya panellari odatda HTML ro‘yxat elementlari (<ul> va <li>) bilan quriladi va so‘ng chiroyli ko‘rinish olishi uchun CSS bilan uslublanadi.
Navigatsiya paneli odatda veb-sahifaning yuqori qismida yoki yonida joylashadi.
Navigatsiya paneli = havolalar ro‘yxati
Navigatsiya paneli aslida havolalar ro‘yxatidir, shu sababli HTML <ul> va <li> elementlaridan foydalanish mutlaqo mantiqiy:
Misol
<ul>
<li><a href="default.asp">Home</a></li>
<li><a href="news.asp">News</a></li>
<li><a href="contact.asp">Contact</a></li>
<li><a href="about.asp">About</a></li>
</ul>
O‘zingiz sinab ko‘ring »
Endi <ul> elementidan nuqtalarni, margin va padding‘ni olib tashlaylik:
Misol tushuntirilishi:
list-style-type: none;belgilash — ro‘yxatdan nuqtalarni olib tashlaydi- Set
margin: 0;- Resets default browser margins - Set
padding: 0;- Resets default browser paddings
Eslatma: Yuqoridagi misoldagi HTML va CSS kodi vertikal hamda gorizontal navigatsiya panellari uchun ishlatiladigan bazaviy koddır, bular haqida batafsil keyingi boblarda o‘rganasiz.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!