1.Buka Text Editor
2. Buat Folder di Document Dengan Nama Web 1 dan open Folder yang berada di Halan file
3. Buat File Index.html di dalam Folder Web 1
4. Lanjud Scoure Code nya di Bawah ini
<html>
<head>
<title>Judul</title>
<link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css”
integrity=”sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2″ crossorigin=”anonymous”>
<style type=”text/css”>
#colum{
background-color: brown;
}
</style>
</head>
<body>
<div class=”container”>
<h1>Tabel Mahasiswa</h1>
<table class=”table table-bordered”>
<a href=”” class=”btn btn-primary”>Tambah</a><br>
<tr id=”colum”>
<th>NIM</th>
<th>Nama Mahasiswa</th>
<th>Jurusan</th>
<th>Semester</th>
<th>Aksi</th>
</tr>
<tr>
<td>180202018</td>
<td>MOH.FAHRURROZI</td>
<td>Teknik Informatika</td>
<td>Lima</td>
<td>
<a href=”” class=”btn btn-warning” >Edit</a>
<a href=”” class=”btn btn-danger”>Hapus</a>
</td>
</tr>
</table>
<div class=”col-md-6″>
<form action=””>
<div>
<label for=””>NIM</label>
<input type=”text” name=”” class=”form-control” id=”” placeholder=”Masukan NIM”>
</div>
<div>
<label for=””>Nama Mahasiswa</label>
<input type=”text” name=”” class=”form-control” id=”” placeholder=”Masukan Nama”>
</div>
<div>
<label for=””>Jurusan</label>
<select name=”” class=”form-control” id=””>
<option value=””>Pilih Jurusan</option>
<option value=””>Teknik Informatika</option>
<option value=””>Teknik Komputer</option>
</select>
</div><div>
<label for=””>Semester</label>
<input type=”text” name=”” class=”form-control” id=”” placeholder=”Semester”>
</div><BR>
<div>
<button class=”btn btn-primary”>Simpan</button>
<button class=”btn btn-warning”>Simpan</button>
<button class=”btn btn-success”>Simpan</button>
<button class=”btn btn-info”>Simpan</button>
</div>
</form>
</div>
</div>
</body>
</html>
