Sebuah halaman web biasanya memasang menu dropdown untuk memmudahkan pengunjung mengeksplore halaman web tersebut. Menu drop down yang akan dibahas pada tutorial kali ini adalah seperti gambar berikut ini :
Untuk membuat menu tersebut sangat mudah yaitu :
- Buatlah terlebih dahulu list seperti berikut ini dan simpan sebagai file menu.html
- Jangan lupa pada file tersebut sebelum disimpan masukkan kode berikut ini diantara
-
- Buatlah file navigation.css seperti pada code berikut ini
- Tulisan teks diantara /* dan */ adalah komentar tenatang fungsi setiap kode dan bukan merupakan kode css
- Kedua file yakni menu.html dan navigation.css disimpan dalam folder yang sama
- Nama file html dan css bisa diganti dengan nama lain, sesuai dengan keinginan anda. namun yang perlu diperhatikan nama file pada langkah 2 yakni navigation.css harus sama dengan nama file css yang anda buat
- Demikian tutorial kali ini semoga bermanfaat.
