berikut ini adalah cara membuat latihan soal dalam bentuk html
coddingannya :
<html>
<head>
<title>Soal</title>
</head>
<body bgcolor="orange">
<body>
<center><h1><u>STT PELITA BANGSA</u><br>
<h2>UTS SEMESTER GANJIL 2017 / 2018<br>
Mata Kuliah : Pemrograman Web</h2></h1></center><br><br>
<panel>
<form>
NIM : <input type="text" class="input-mode"><br><br>
Nama : <input type="text" class="input-mode"><br><br>
Jurusan :
<select>
<option nama="Jurusan"></option>
<option nama="Jurusan" >Teknik Informatika</option>
<option nama="Jurusan" >Teknik Arsitektur</option>
<option nama="Jurusan" >Teknik Lingkungan</option>
<option nama="Jurusan" >Manajement</option>
<option nama="Jurusan" >Akuntansi</option></select><br><br>
Kelas : <input type="text" class="input-mode"><br><br></form></panel>
<h2>Kerjakan Soal dibawah Ini ! </h2>
<ol><quiz1>
<li>Untuk membuat judul harus menggunakan tag ...</li>
<input type="radio" name="soal1">< Head ><br>
<input type="radio" name="soal1">< Title ><br>
<input type="radio" name="soal1">< Body ><br>
<input type="radio" name="soal1">< Html ><br><br>
<li>Mana yang bukan termasuk tag pada html ? </li>
<input type="radio" name="soal2">Head<br>
<input type="radio" name="soal2">Title<br>
<input type="radio" name="soal2">Buat<br>
<input type="radio" name="soal2">Html<br><br>
<li>Dimana kita bisa membuat html ? </li>
<input type="radio" name="soal3">Photoshop<br>
<input type="radio" name="soal3">Sony Vegas<br>
<input type="radio" name="soal3">Notepad<br>
<input type="radio" name="soal3">Paint<br><br>
<li>Apa Kepanjangan dari HTML ? </li>
<input type="radio" name="soal4">Hyper Transfer Marque Language<br>
<input type="radio" name="soal4">Hyper Text Marque Language<br>
<input type="radio" name="soal4">Hydrantisation Manupulation Language<br>
<input type="radio" name="soal4">Salah Semua<br><br>
<li>Format Save apa yang tepat untuk HTML ? </li>
<input type="radio" name="soal5">Soal.txt<br>
<input type="radio" name="soal5">Soal.jpg<br>
<input type="radio" name="soal5">Soal.html<br>
<input type="radio" name="soal5">Soal.png<br>
</soal><br></quiz1>
<button class="btn btn-submit" type="submit"><b>Kirim</b> <i class="fa fa-hand-o-right" aria-hidden="true"></i></button>
<button class="btn btn-submit" type="submit"><b>Submit</b> <i class="fa fa-hand-o-right" aria-hidden="true"></i></button>
</body>
</html>
maka hasilnya akan muncul seperti ini:
