NO | KODE SCRIPT | KETERANGAN | TAMPILAN |
1 | <li><a href='#'>Business</a> |
| <li> | script pembuka menu | |
<a href | pembuka script link |
'#' | tempat penulisan link, nantinya jika diklik akan menuju halaman link, penulisan bisa diganti, contoh : ‘http://www.google.com’ jika diklik akan menuju halaman google |
Business | Tulisan yang tampil dalam menu, Ket : bisa diganti |
</a> | Tulisan yang tampil dalam menu |
Keterangan : pada script ini tidak ada penutup <li> karena ada sub menu, jadi penutup <li> ada dibagian bawah |
2 | <ul class='children'> |
| <ul | script pembuka penanda mulai sub menu (dropdown) |
|
class='children'> | script lanjutan pembuka penanda mulai sub menu (dropdown) |
|
3 | <li><a href='#'>Market</a></li> |
| <li> | script pembuka penanda mulai sub menu (dropdown) | |
<a href='#'> | script pembuka link dan # diganti dengan alamat link, contoh http://www.google.com |
Market | Tampilan tulisan sub menu, Ket : bisa diganti |
</a> | script penutup link |
</li> | script penutup sub menu (dropdown) |
Keterangan : pada script ini ada penutup <li> karena tidak ada sub menu, dan merupakan sub menu pertama |
4 | <li><a href='#'>Stock</a></li> |
| Script sama dengan atas (<li><a href='#'>Market</a></li>), script ini merupakan sub menu kedua |
|
5 | <li><a href='#'>Internet</a> |
| Script sama dengan atas, cuma disini tidak ada penutup <li> karena mempunyai sub sub menu, script ini merupakan sub menu ketiga |
|
6 | <ul class='children'> |
| <ul | script pembuka penanda mulai sub sub menu (dropdown) |
|
class='children'> | script lanjutan pembuka penanda mulai sub sub menu (dropdown) |
|
7 | <li><a href='http://www.google.com' target='_blank'>SAPI</a></li> |
| <li> | sama dengan atas | |
<a href= | script pembuka link sama atas |
http://www.google.com' | link tujuan , Ket : bisa diganti |
target='_blank'> | jika link di klik, maka terbuka dihalaman baru |
SAPI | tampilan tampilan sub sub menu, Ket : bisa diganti |
</a></li> | script penutup link dan penutup sub sub menu (dropdown) |
Keterangan : merupakan sub sub menu pertama dari sub menu internet |
8 | <li><a href='http://www.yahoo.com'>kerbau</a></li> |
| Script sama dengan atas, cuma disini jika link di klik, akan terbuka dihalaman yang sama, script ini merupakan sub sub menu kedua dari sub menu internet | |
9 | </ul> |
| Script penutup <ul> atasnya (dibawah <li><a href='#'>Internet</a>) |
|
10 | </li> |
| Script penutup <li> yaitu <li><a href='#'>Internet</a> |
|
11 | <li><a href='#'>Gorengan</a></li> |
| Script sama dengan atas dan sub lanjutan dari sub menunya Bussiness, jadi script ini merupakan sub menu keempat | |
12 | <li><a href='#'>bakaran</a></li> |
| Script sama dengan atas dan sub lanjutan dari sub menunya Bussiness, jadi script ini merupakan sub menu kelima | |
13 | </ul> |
| Script penutup <ul> atasnya (dibawah <li><a href='#'>Bussiness</a>) |
|
14 | </li> |
| Script penutup <li> yaitu <li><a href='#'>Bussiness</a> |
|
Keterangan : Seluruh script diatas hanyalah contoh script satu menu dropdown, kita bisa menambahi atau mengurangi menu, sub menu, sub sub menu, memberi link dll, caranya perhatikan, setiap menu, sub menu, sub sub menu dimulai dengan pembuka <li> dan ditutup dengan </li> |