PHP sering dijodohkan dengan MySQL untuk membangun aplikasi web. MySQL berperan sebagai tempat menyimpan data (basis data) sedangkan PHP adalah program yang mengelola data tersebut. Sebenarnya PHP tidak hanya bisa dijodohkan dengan MySQL saja. PHP juga bisa dijodohkan dengan SQLite, PostgreSQL, MongoDB, Ms. Access, dsb. Pada kesempatan ini, kita akan belajar menggunakan PHP dan MySQL untuk membuat aplikasi sederhana. Bagaimana PHP dan MySQL dihubungkan?PHP dan MySQL dapat saling berhubungan melalui perantara API (Application Programming Interface). Ada tiga jenis API MySQL yang disediakan di PHP: INSERT INTO `calon_siswa` (`id`, `nama`, `alamat`, `jenis_kelamin`, `agama`, `sekolah_asal`) VALUES (NULL, 'Lia', 'Jl. Mangga No. 3, Mataram', 'perempuan', 'islam', 'SMPN 32 Ampenan'); 6 API ini sudah tidak didukung/dikembangkan lagi (kadalwarsa).INSERT INTO `calon_siswa` (`id`, `nama`, `alamat`, `jenis_kelamin`, `agama`, `sekolah_asal`) VALUES (NULL, 'Lia', 'Jl. Mangga No. 3, Mataram', 'perempuan', 'islam', 'SMPN 32 Ampenan'); 7 (mysql improvement) peningkatan dari API INSERT INTO `calon_siswa` (`id`, `nama`, `alamat`, `jenis_kelamin`, `agama`, `sekolah_asal`) VALUES (NULL, 'Lia', 'Jl. Mangga No. 3, Mataram', 'perempuan', 'islam', 'SMPN 32 Ampenan'); 6- PDO (PHP Data Object)
API yang pertama sudah tidak didukung lagi sejak PHP versi 5.5.x dan digantikan dengan INSERT INTO `calon_siswa` (`id`, `nama`, `alamat`, `jenis_kelamin`, `agama`, `sekolah_asal`) VALUES (NULL, 'Lia', 'Jl. Mangga No. 3, Mataram', 'perempuan', 'islam', 'SMPN 32 Ampenan'); 7 yang lebih canggih. Karena INSERT INTO `calon_siswa` (`id`, `nama`, `alamat`, `jenis_kelamin`, `agama`, `sekolah_asal`) VALUES (NULL, 'Lia', 'Jl. Mangga No. 3, Mataram', 'perempuan', 'islam', 'SMPN 32 Ampenan'); 7 dapat digunakan secara OOP dan prosedural.Sedangkan API PDO digunakan untuk menghubungkan PHP dengan vendor database yang lainnya. Jadi tidak hanya untuk MySQL saja. Pada tutorial ini, kita akan belajar cara menghubungkan PHP dan MySQL menggunakan API INSERT INTO `calon_siswa` (`id`, `nama`, `alamat`, `jenis_kelamin`, `agama`, `sekolah_asal`) VALUES (NULL, 'Lia', 'Jl. Mangga No. 3, Mataram', 'perempuan', 'islam', 'SMPN 32 Ampenan'); 7 secara prosedural.Menyiapkan DatabasePertama, mari kita membuat database bernama mkdir /var/www/html/pendaftaran-siswa 2.CREATE DATABASE `pendaftaran_siswa`;
Setelah itu, buatlah tabel di dalam database tersbut dengan nama mkdir /var/www/html/pendaftaran-siswa 3.Berikan tipe data kolomnya seperti ini. Setelah itu klik Save. CREATE TABLE `pendaftaran_siswa`.`calon_siswa` (
`id` INT NOT NULL AUTO_INCREMENT ,
`nama` VARCHAR(64) NOT NULL ,
`alamat` VARCHAR(255) NOT NULL ,
`jenis_kelamin` VARCHAR(16) NOT NULL ,
`agama` VARCHAR(16) NOT NULL ,
`sekolah_asal` VARCHAR(64) NOT NULL ,
PRIMARY KEY (`id`)
) ENGINE = InnoDB;
Kemudian kita coba isi dengan sebuah data, klik Insert. Silahkan isi seperti berikut: Klik Go untuk menyimpan. INSERT INTO `calon_siswa` (`id`, `nama`, `alamat`, `jenis_kelamin`, `agama`, `sekolah_asal`) VALUES (NULL, 'Lia', 'Jl. Mangga No. 3, Mataram', 'perempuan', 'islam', 'SMPN 32 Ampenan');
Membuat Proyek BaruSetelah itu buat proyek/direktori baru di direktori mkdir /var/www/html/pendaftaran-siswa 4 atau mkdir /var/www/html/pendaftaran-siswa 5.mkdir /var/www/html/pendaftaran-siswa
Buat file-file PHP yang diperlukan touch /var/www/html/pendaftaran-siswa/{config.php,index.php,list-siswa.php,form-daftar.php,proses-pendaftaran.php,form-edit.php,proses-edit.php,hapus.php}
Maka akan terbuat delapan file PHP kosong. Keterangan: mkdir /var/www/html/pendaftaran-siswa 6 — untuk menyimpan konfigurasi database;mkdir /var/www/html/pendaftaran-siswa 7 — halaman utama;mkdir /var/www/html/pendaftaran-siswa 8 — halaman untuk menampilkan data siswa;mkdir /var/www/html/pendaftaran-siswa 9 — halaman formulir pendaftaran;touch /var/www/html/pendaftaran-siswa/{config.php,index.php,list-siswa.php,form-daftar.php,proses-pendaftaran.php,form-edit.php,proses-edit.php,hapus.php} 0 — skrip yang memproses pendaftaran;touch /var/www/html/pendaftaran-siswa/{config.php,index.php,list-siswa.php,form-daftar.php,proses-pendaftaran.php,form-edit.php,proses-edit.php,hapus.php} 1 — form untuk edit data siswa;touch /var/www/html/pendaftaran-siswa/{config.php,index.php,list-siswa.php,form-daftar.php,proses-pendaftaran.php,form-edit.php,proses-edit.php,hapus.php} 2 — skrip untuk memproses edit/update;touch /var/www/html/pendaftaran-siswa/{config.php,index.php,list-siswa.php,form-daftar.php,proses-pendaftaran.php,form-edit.php,proses-edit.php,hapus.php} 3 — skrip untuk menghapus data dari database;
Cara Membuat Koneksi ke Dabase MySQLBuka file mkdir /var/www/html/pendaftaran-siswa 6, silahkan isi dengan kode berikut:<?php
$server = "localhost";
$user = "root";
$password = "kopi";
$nama_database = "pendaftaran_siswa";
$db = mysqli_connect($server, $user, $password, $nama_database);
if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
}
?>
Untuk menghubungkan PHP dengan MySQL, kita menggunakan fungsi touch /var/www/html/pendaftaran-siswa/{config.php,index.php,list-siswa.php,form-daftar.php,proses-pendaftaran.php,form-edit.php,proses-edit.php,hapus.php} 5 dengan parameter alamat server, user, password, dan nama database.Silahkan isi password sesuai dengan yang dibuat di servernya. Jika tidak menggunakan passsword, maka dikosongkan saja. $password = "";
Jika koneksi gagal, variabel touch /var/www/html/pendaftaran-siswa/{config.php,index.php,list-siswa.php,form-daftar.php,proses-pendaftaran.php,form-edit.php,proses-edit.php,hapus.php} 6 akan bernilai touch /var/www/html/pendaftaran-siswa/{config.php,index.php,list-siswa.php,form-daftar.php,proses-pendaftaran.php,form-edit.php,proses-edit.php,hapus.php} 7.Karena itu, kita bisa mengeceknya dengan ekspresi touch /var/www/html/pendaftaran-siswa/{config.php,index.php,list-siswa.php,form-daftar.php,proses-pendaftaran.php,form-edit.php,proses-edit.php,hapus.php} 8.if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
}
Berikut ini tampilan saat koneksinya gagal, karena password-nya salah. Membuat Halaman IndeksRencananya kita akan menaruh dua link di halaman indeks. Link pertama untuk menuju ke formulir pendaftaran dan link yang kedua untuk menuju ke halaman data siswa yang sudah mendaftar. Gamabarannya seperti ini… Sekarang, silahkan isi file mkdir /var/www/html/pendaftaran-siswa 7 dengan kode berikut:<!DOCTYPE html>
<html>
<head>
<title>Pendaftaran Siswa Baru | SMK Coding</title>
</head>
<body>
<header>
<h3>Pendaftaran Siswa Baru</h3>
<h1>SMK Coding</h1>
</header>
<h4>Menu</h4>
<nav>
<ul>
<li><a href="form-daftar.php">Daftar Baru</a></li>
<li><a href="list-siswa.php">Pendaftar</a></li>
</ul>
</nav>
</body>
</html>
Tampilannya awalnya akan menjadi seperti ini: Cara Menampilkan Data Tabel MySQLSilahkan buka mkdir /var/www/html/pendaftaran-siswa 8 dan isi dengan kode berikut:<?php include("config.php"); ?>
<!DOCTYPE html>
<html>
<head>
<title>Pendaftaran Siswa Baru | SMK Coding</title>
</head>
<body>
<header>
<h3>Siswa yang sudah mendaftar</h3>
</header>
<nav>
<a href="form-daftar.php">[+] Tambah Baru</a>
</nav>
<br>
<table border="1">
<thead>
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
<th>Jenis Kelamin</th>
<th>Agama</th>
<th>Sekolah Asal</th>
<th>Tindakan</th>
</tr>
</thead>
<tbody>
<?php
$sql = "SELECT * FROM calon_siswa";
$query = mysqli_query($db, $sql);
while($siswa = mysqli_fetch_array($query)){
echo "<tr>";
echo "<td>".$siswa['id']."</td>";
echo "<td>".$siswa['nama']."</td>";
echo "<td>".$siswa['alamat']."</td>";
echo "<td>".$siswa['jenis_kelamin']."</td>";
echo "<td>".$siswa['agama']."</td>";
echo "<td>".$siswa['sekolah_asal']."</td>";
echo "<td>";
echo "<a href='form-edit.php?id=".$siswa['id']."'>Edit</a> | ";
echo "<a href='hapus.php?id=".$siswa['id']."'>Hapus</a>";
echo "</td>";
echo "</tr>";
}
?>
</tbody>
</table>
<p>Total: <?php echo mysqli_num_rows($query) ?></p>
</body>
</html>
Pertama kita membutuhkan koneksi ke database, maka kita harus mengimpor file mkdir /var/www/html/pendaftaran-siswa 6 agar variabel touch /var/www/html/pendaftaran-siswa/{config.php,index.php,list-siswa.php,form-daftar.php,proses-pendaftaran.php,form-edit.php,proses-edit.php,hapus.php} 6 dapat dibaca.CREATE TABLE `pendaftaran_siswa`.`calon_siswa` (
`id` INT NOT NULL AUTO_INCREMENT ,
`nama` VARCHAR(64) NOT NULL ,
`alamat` VARCHAR(255) NOT NULL ,
`jenis_kelamin` VARCHAR(16) NOT NULL ,
`agama` VARCHAR(16) NOT NULL ,
`sekolah_asal` VARCHAR(64) NOT NULL ,
PRIMARY KEY (`id`)
) ENGINE = InnoDB; 0Setelah itu, kita melakukan query untuk mengambil data siswa pada tabel mkdir /var/www/html/pendaftaran-siswa 3.CREATE TABLE `pendaftaran_siswa`.`calon_siswa` (
`id` INT NOT NULL AUTO_INCREMENT ,
`nama` VARCHAR(64) NOT NULL ,
`alamat` VARCHAR(255) NOT NULL ,
`jenis_kelamin` VARCHAR(16) NOT NULL ,
`agama` VARCHAR(16) NOT NULL ,
`sekolah_asal` VARCHAR(64) NOT NULL ,
PRIMARY KEY (`id`)
) ENGINE = InnoDB; 1Hasil dari query tersetbut, kemudian kita ubah menjadi array dengan fungsi <?php
$server = "localhost";
$user = "root";
$password = "kopi";
$nama_database = "pendaftaran_siswa";
$db = mysqli_connect($server, $user, $password, $nama_database);
if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
}
?>
4 dan hasilnya disimpan dalam variabel <?php
$server = "localhost";
$user = "root";
$password = "kopi";
$nama_database = "pendaftaran_siswa";
$db = mysqli_connect($server, $user, $password, $nama_database);
if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
}
?>
5.CREATE TABLE `pendaftaran_siswa`.`calon_siswa` (
`id` INT NOT NULL AUTO_INCREMENT ,
`nama` VARCHAR(64) NOT NULL ,
`alamat` VARCHAR(255) NOT NULL ,
`jenis_kelamin` VARCHAR(16) NOT NULL ,
`agama` VARCHAR(16) NOT NULL ,
`sekolah_asal` VARCHAR(64) NOT NULL ,
PRIMARY KEY (`id`)
) ENGINE = InnoDB; 2Perulangan <?php
$server = "localhost";
$user = "root";
$password = "kopi";
$nama_database = "pendaftaran_siswa";
$db = mysqli_connect($server, $user, $password, $nama_database);
if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
}
?>
6 akan mengulang selama masih ada isi dalam tabel. Kemudain, selama perulangan…kita tampilkan datanya.CREATE TABLE `pendaftaran_siswa`.`calon_siswa` (
`id` INT NOT NULL AUTO_INCREMENT ,
`nama` VARCHAR(64) NOT NULL ,
`alamat` VARCHAR(255) NOT NULL ,
`jenis_kelamin` VARCHAR(16) NOT NULL ,
`agama` VARCHAR(16) NOT NULL ,
`sekolah_asal` VARCHAR(64) NOT NULL ,
PRIMARY KEY (`id`)
) ENGINE = InnoDB; 3Perhatikan array <?php
$server = "localhost";
$user = "root";
$password = "kopi";
$nama_database = "pendaftaran_siswa";
$db = mysqli_connect($server, $user, $password, $nama_database);
if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
}
?>
5, indeksnya sesuai dengan nama kolom pada database dan bersifat case sensitive.Terakhir, kita menampilkan total data yang ada di dalam tabel dengan fungsi <?php
$server = "localhost";
$user = "root";
$password = "kopi";
$nama_database = "pendaftaran_siswa";
$db = mysqli_connect($server, $user, $password, $nama_database);
if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
}
?>
8.CREATE TABLE `pendaftaran_siswa`.`calon_siswa` (
`id` INT NOT NULL AUTO_INCREMENT ,
`nama` VARCHAR(64) NOT NULL ,
`alamat` VARCHAR(255) NOT NULL ,
`jenis_kelamin` VARCHAR(16) NOT NULL ,
`agama` VARCHAR(16) NOT NULL ,
`sekolah_asal` VARCHAR(64) NOT NULL ,
PRIMARY KEY (`id`)
) ENGINE = InnoDB; 4Maka hasilnya: Gampang kaaan…! 😄 Cara Menambahkan Data ke Tabel MySQLAda dua file yang kita butuhkan untuk menambahkan data ke MySQL. mkdir /var/www/html/pendaftaran-siswa 9 halaman untuk form input;touch /var/www/html/pendaftaran-siswa/{config.php,index.php,list-siswa.php,form-daftar.php,proses-pendaftaran.php,form-edit.php,proses-edit.php,hapus.php} 0 skrip untuk memproses data yang diinputkan.
Sebenarnya bisa saja dibuat dalam satu file, tapi biar lebih mudah dipahami…kita buat terpisah saja. Silahkan buka file mkdir /var/www/html/pendaftaran-siswa 9 dan isi dengan kode berikut:CREATE TABLE `pendaftaran_siswa`.`calon_siswa` (
`id` INT NOT NULL AUTO_INCREMENT ,
`nama` VARCHAR(64) NOT NULL ,
`alamat` VARCHAR(255) NOT NULL ,
`jenis_kelamin` VARCHAR(16) NOT NULL ,
`agama` VARCHAR(16) NOT NULL ,
`sekolah_asal` VARCHAR(64) NOT NULL ,
PRIMARY KEY (`id`)
) ENGINE = InnoDB; 5Perhatikan pada tag pembuka $password = ""; 2, di sana kita menggunakan atribut $password = ""; 3 dan $password = ""; 4.CREATE TABLE `pendaftaran_siswa`.`calon_siswa` (
`id` INT NOT NULL AUTO_INCREMENT ,
`nama` VARCHAR(64) NOT NULL ,
`alamat` VARCHAR(255) NOT NULL ,
`jenis_kelamin` VARCHAR(16) NOT NULL ,
`agama` VARCHAR(16) NOT NULL ,
`sekolah_asal` VARCHAR(64) NOT NULL ,
PRIMARY KEY (`id`)
) ENGINE = InnoDB; 6Atribut $password = ""; 3 digunakan untuk menentukan skrip mana yang akan memproses data inputan. Sedangkan atribut $password = ""; 4 untuk menentukan metode pengiriman datanya.Perhatikan juga pada input-nya, disana ada atribut $password = ""; 7. Atribut ini untuk menentukan kunci indeks dari array $password = ""; 8 dan $password = ""; 9.Selanjutnya silahkan isi file touch /var/www/html/pendaftaran-siswa/{config.php,index.php,list-siswa.php,form-daftar.php,proses-pendaftaran.php,form-edit.php,proses-edit.php,hapus.php} 0 dengan kode berikut:CREATE TABLE `pendaftaran_siswa`.`calon_siswa` (
`id` INT NOT NULL AUTO_INCREMENT ,
`nama` VARCHAR(64) NOT NULL ,
`alamat` VARCHAR(255) NOT NULL ,
`jenis_kelamin` VARCHAR(16) NOT NULL ,
`agama` VARCHAR(16) NOT NULL ,
`sekolah_asal` VARCHAR(64) NOT NULL ,
PRIMARY KEY (`id`)
) ENGINE = InnoDB; 7Pertama kita ambil data yang dikirim dari formulir, semuanya tersimpan pada variabel $password = ""; 8. Karena tadi kita menggunakan method if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
} 2 pada form.Setelah itu, kita buat query penyimpanan. Lalu melakukan pengecekan, apakah query-nya berhasil atau gagal. Untuk menampilkan pesan berhasil dan gagal pada halaman mkdir /var/www/html/pendaftaran-siswa 7, silahkan tambahkan kode berikut di bawah tag if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
} 4 pada file mkdir /var/www/html/pendaftaran-siswa 7:CREATE TABLE `pendaftaran_siswa`.`calon_siswa` (
`id` INT NOT NULL AUTO_INCREMENT ,
`nama` VARCHAR(64) NOT NULL ,
`alamat` VARCHAR(255) NOT NULL ,
`jenis_kelamin` VARCHAR(16) NOT NULL ,
`agama` VARCHAR(16) NOT NULL ,
`sekolah_asal` VARCHAR(64) NOT NULL ,
PRIMARY KEY (`id`)
) ENGINE = InnoDB; 8Hasilnya: Sekarang kita sudah punya dua data. Menghapus Data dari Tabel MySQLKita membutuhkan if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
} 6 untuk menentukan data yang akan dihapus. Karena itu, kita mengirimkan if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
} 6 melalui query string.Contoh: CREATE TABLE `pendaftaran_siswa`.`calon_siswa` (
`id` INT NOT NULL AUTO_INCREMENT ,
`nama` VARCHAR(64) NOT NULL ,
`alamat` VARCHAR(255) NOT NULL ,
`jenis_kelamin` VARCHAR(16) NOT NULL ,
`agama` VARCHAR(16) NOT NULL ,
`sekolah_asal` VARCHAR(64) NOT NULL ,
PRIMARY KEY (`id`)
) ENGINE = InnoDB; 9Query string-nya adalah if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
} 8. Query string akan tersimpan dalam variabel $password = ""; 9.Untuk lebih jelasnya, silahkan buka file touch /var/www/html/pendaftaran-siswa/{config.php,index.php,list-siswa.php,form-daftar.php,proses-pendaftaran.php,form-edit.php,proses-edit.php,hapus.php} 3 dan isi dengan kode berikut:INSERT INTO `calon_siswa` (`id`, `nama`, `alamat`, `jenis_kelamin`, `agama`, `sekolah_asal`) VALUES (NULL, 'Lia', 'Jl. Mangga No. 3, Mataram', 'perempuan', 'islam', 'SMPN 32 Ampenan'); 0Sekarang coba klik link hapus, maka datanya akan langsung terhapus. Sebenarnya cara ini kurang aman, karena kita tidak meberikan dialog konfirmasi kepada user. Misalnya seperti mananyakan ‘Apakah yakin akan menghapus?’ Update Data di Tabel MySQLKonsep update data hampir sama seperti menghapus. Pertama kita ambil if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
} 6 data yang akan di-edit. Setelah itu kita melakukan query untuk mengambil data dari database dan menampilkannya ke dalam form.Setelah di-edit, selanjutnya melakukan query update untuk menyimpan perubahan. Untuk lebih jelasnya, silahkan buka file touch /var/www/html/pendaftaran-siswa/{config.php,index.php,list-siswa.php,form-daftar.php,proses-pendaftaran.php,form-edit.php,proses-edit.php,hapus.php} 1 dan isi dengan kode berikut:INSERT INTO `calon_siswa` (`id`, `nama`, `alamat`, `jenis_kelamin`, `agama`, `sekolah_asal`) VALUES (NULL, 'Lia', 'Jl. Mangga No. 3, Mataram', 'perempuan', 'islam', 'SMPN 32 Ampenan'); 1Ada beberapa hal yang perlu diperhatikan dalam kode tersebut. Pertama kita mengubah data dari hasil query menjadi array dengan menggunakan fungsi <!DOCTYPE html>
<html>
<head>
<title>Pendaftaran Siswa Baru | SMK Coding</title>
</head>
<body>
<header>
<h3>Pendaftaran Siswa Baru</h3>
<h1>SMK Coding</h1>
</header>
<h4>Menu</h4>
<nav>
<ul>
<li><a href="form-daftar.php">Daftar Baru</a></li>
<li><a href="list-siswa.php">Pendaftar</a></li>
</ul>
</nav>
</body>
</html> 3.Kenapa menggunakan fungsi tersebut? Karena data yang akan kita ambil adalah satu baris dan agar indeks array-nya menggunakan nama kolom. Contoh hasilnya seperti ini: INSERT INTO `calon_siswa` (`id`, `nama`, `alamat`, `jenis_kelamin`, `agama`, `sekolah_asal`) VALUES (NULL, 'Lia', 'Jl. Mangga No. 3, Mataram', 'perempuan', 'islam', 'SMPN 32 Ampenan'); 2Kemudian data tersebut kita tampilkan untuk menjadi nilai default pada form. Jangan lupa untuk membuat input if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
} 6 dengan tipe hidden untuk menyimpan if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
} 6 data yang akan di-update.INSERT INTO `calon_siswa` (`id`, `nama`, `alamat`, `jenis_kelamin`, `agama`, `sekolah_asal`) VALUES (NULL, 'Lia', 'Jl. Mangga No. 3, Mataram', 'perempuan', 'islam', 'SMPN 32 Ampenan'); 3Untuk input radio dan select, kita menggunakan operator ternary agar bisa membuat atribut <!DOCTYPE html>
<html>
<head>
<title>Pendaftaran Siswa Baru | SMK Coding</title>
</head>
<body>
<header>
<h3>Pendaftaran Siswa Baru</h3>
<h1>SMK Coding</h1>
</header>
<h4>Menu</h4>
<nav>
<ul>
<li><a href="form-daftar.php">Daftar Baru</a></li>
<li><a href="list-siswa.php">Pendaftar</a></li>
</ul>
</nav>
</body>
</html> 6 dan <!DOCTYPE html>
<html>
<head>
<title>Pendaftaran Siswa Baru | SMK Coding</title>
</head>
<body>
<header>
<h3>Pendaftaran Siswa Baru</h3>
<h1>SMK Coding</h1>
</header>
<h4>Menu</h4>
<nav>
<ul>
<li><a href="form-daftar.php">Daftar Baru</a></li>
<li><a href="list-siswa.php">Pendaftar</a></li>
</ul>
</nav>
</body>
</html> 7. |