Membuat Navigation Bar(Daftar Link)
Assalamualaikum Wr.Wb.
Pertama-tama saya bosan dengan tampilan daftar yang seperti itu itu saja setelah saya membaca artikel w3school.com saya menemukan navigation bar.
Kali ini saya akan memberikan materi tentang Navigation Bar(Daftar Link).
Navigation bar ada 2 yaitu :
1.Vertical.
2.horizontal.
Pertama kita bahas yang vertical dahulu :
*Vertical.
Sebuah bar navigasi perlu HTML standar sebagai basis.
Dalam contoh kita, kita akan membangun panel navigasi dari daftar HTML standar.
Sebuah bar navigasi pada dasarnya adalah daftar link, sehingga menggunakan "<ul>" dan "<li>" elemen masuk akal.
Buat syntax html dahulu :
Simpan dan Lihat Hasilnya.
mudahkan coba dan kembangkan, Terimakasih semoga bermafaat.
Wassalamualaikum Wr.Wb.
Pertama-tama saya bosan dengan tampilan daftar yang seperti itu itu saja setelah saya membaca artikel w3school.com saya menemukan navigation bar.
Kali ini saya akan memberikan materi tentang Navigation Bar(Daftar Link).
Navigation bar ada 2 yaitu :
1.Vertical.
2.horizontal.
Pertama kita bahas yang vertical dahulu :
*Vertical.
Sebuah bar navigasi perlu HTML standar sebagai basis.
Dalam contoh kita, kita akan membangun panel navigasi dari daftar HTML standar.
Sebuah bar navigasi pada dasarnya adalah daftar link, sehingga menggunakan "<ul>" dan "<li>" elemen masuk akal.
Buat syntax html dahulu :
Simpan dahulu.
Buat syntax "<div id="">" dengan tutupan "</div>".
Lalu buat Syntax CSSnya seperti berikut.
Simpan dan Lihat Hasilnya.
mudahkan coba dan kembangkan, Terimakasih semoga bermafaat.
Wassalamualaikum Wr.Wb.
Komentar
Posting Komentar