Setting => Network => Attached to (Bridge Adapter)
Login VM => ip a (mengecek ip)
Sudo dhclient enp0s3 (meminta ip) => ip a
Sudo apt update => sudo apt install apache2
Jika ada pilihan (Y/N) => Y+enter
Sudo systemctl status apache2 => ctrl+C
Masuk ke browser (ketik ip address)
Sudo nano /var/www/html/index.html (mengedit file)
Ubah nama Apache default page dibagian span
=> ctrl+X => Y => enter (untuk menyimpan hasil editan)
Buat folder => sudo mkdir /var/www/no.absen
Buat file => sudo nano /var/www/html/no.absen/index.html
Isi dengan codingan
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tugas PaaS_Herman</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
padding: 20px;
text-align: center;
background-color: #f4f4f4;
}
.container {
max-width: 500px;
margin: auto;
padding: 20px;
background: white;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
color: #333;
}
p {
color: #555;
}
button {
padding: 10px 20px;
border: none;
background-color: #007bff;
color: white;
cursor: pointer;
border-radius: 5px;
}
button:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<div class="container">
<h1>Selamat Datang!</h1>
<p>Ini adalah contoh tampilan HTML sederhana</p>
<p>By Anz</p>
<h3>Isikan Formulir Berikut!</h3>
<form>
<p>Nama :</p>
<input>
<p>Alamat :</p><textarea></textarea>
<p>Tanggal Lahir :</p>
<input type="date">
<p>Jenis Kelamin :</p>
<input type="radio" name="jk">Laki-Laki
<input type="radio" name="jk">Perempuan
<p>Agama :</p>
<select>
<option>Islam</option>
<option>Kristen</option>
<option>Hindu</option>
<option>Budha</option>
<option>Konghucu</option>
</select>
<p>Hobi :</p>
<input>
<p>Gol. Darah</p>
<input type="radio" name="gd">A
<input type="radio" name="gd">B
<input type="radio" name="gd">O
<input type="radio" name="gd">AB
<p>Status :</p>
<select>
<option>Pelajar</option>
<option>Kawin</option>
<option>Belum Kawin</option>
<option>Duda</option>
<option>Janda</option>
</select>
<p>Jenjang Pendidikan :</p>
<input type="checkbox">SD
<input type="checkbox">SMP/MTs
<input type="checkbox">SMA/SMK/MA
<input type="checkbox">S1
<input type="checkbox">S2
<input type="checkbox">S3
<p>No.HP :</p>
<input type="number">
<p>Password :</p>
<input type="password">
<br>
</form>
<br>
<button onclick="alert('Halo, selamat datang!')">Kirim</button>
</div>
</body>
</html>
