Pertama kita membuka xampp terlebih dahulu dan membuat tampilan.php sebagai tampilan utama dan selanjutnya kita membuat beberapa menu sesuai dengan kebutuhan yang akan anda buat di website kalian.
tampilan.php
<html>
<head>
<meta charset="utf-8" />
<title>Nyekrip - Membuat Menu Dropdown</title>
<link href="style1.css" rel="stylesheet" />
</head>
<body style="background-color:#f1f1f1">
<nav>
<ul>
<li><a href="#">Beranda</a></li>
<li><a href="#">KTP</a>
<ul>
<li><a href="#">Daftar KTP</a></li>
<li><a href="#">Lihat KTP</a></li>
</ul>
</li>
<li><a href="#">Kartu Keluarga</a>
<ul>
<li><a href="create/index.php">Daftar Kartu Keluarga</a></li>
<li><a href="create/tampil_daftar.php">Tambah Anggota Keluarga</a></li>
<li><a href="update/index.php">Lihat Kartu Keluarga</a></li>
</ul>
</li>
<li><a href="#">Tentang</a>
<ul>
<li><a href="#">Kontak</a></li>
<li><a href="#">Blog</a></li>
</ul>
</li>
</ul>
</nav>
<div id="content">
</div>
</body>
</html>
Yang berwarna biru silahkan anda edit/ganti sesuai dengan keinginan kalian, dan untuk a href tersebut berfungsi untuk menampilkan project yang kita buat dan memanggilnya, seperti yang anda lihat contohnya di menu kartu keluarga, disitu terapat menu lagi dengan nama daftar kartu keluarga, tambah anggota, dan lihat kartu. Disitu contohnya di bagian daftar kartu terdapat a href dengan file create/index.php, selanjutnya dia akan memanggil data tersebut di create/index.php.
Selanjutnya kita coba apakah data tersebut berhasil/berjalan dengan baik apa tidak. Kita buka melalui browser dan ketikkan localhost/ta_web/ maka jika berhasil akan muncul seperti dibawah ini.
Seperti itulah tampilan jika codingan kalian berhasil, bagi kalian yang tipe orang tidak sabaran saya menyediakan tempat untuk download di https://github.com/kalebmolewe/membuat-menu-menggunakan-html.
Selamat mencoba dan semoga berhasil ☺❤☺❤☝✌
Hello, my name is Kaleb Molewe. I'm a 22 year old ,and now, i'm a student at Stiki Malang
No comments:
Post a Comment