Gabungan File HTML (Finish) – Saya rasa tutorial HTML Dasar kita cukup sampai disini, sebagai penutup… Kita akan mencoba gabungkan semua script atau tag HTML yang sebelumnya kita bahas menjadi satu.
Berikut ini adalah kumpulan kode program halaman HTML yang sudah kita bahas semuanya. Ketik kode dibawah ini dan simpan dengan nama selesai.html.
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Dasar (Selesai) </title>
</head>
<body>
<h1>Tutorial HTML Dasar</h1>
<p>Hello world! Ini adalah file HTML pertama saya.</p>
<p>Belajar HTML itu mudah! Saya sedang belajar di <a href="https://iltekkomputer.com">Iltekkomputer</a></p>
<h1>Daftar Makanan:</h1>
<ol>
<li>Nasi Goreng</li>
<li>Nasi Uduk</li>
<li>Ayam Bakar</li>
<li>Pecel Ayam</li>
<li>Pecel Lele</li>
</ol>
<img src="penguin.jpg" width="500">
<br/><br/>
<table border="3">
<tr>
<td>Baris 1, Kolom 1</td>
<td>Baris 1, Kolom 2</td>
<td>Baris 1, Kolom 3</td>
</tr>
<tr>
<td>Baris 2, Kolom 1</td>
<td>Baris 2, Kolom 2</td>
<td>Baris 2, Kolom 3</td>
</tr>
<tr>
<td>Baris 3, Kolom 1</td>
<td>Baris 3, Kolom 2</td>
<td>Baris 3, Kolom 3</td>
</tr>
<tr>
<td>Baris 4, Kolom 1</td>
<td>Baris 4, Kolom 2</td>
<td>Baris 4, Kolom 3</td>
</tr>
<tr>
<td>Baris 5, Kolom 1</td>
<td>Baris 5, Kolom 2</td>
<td>Baris 5, Kolom 3</td>
</tr>
</table>
<br/><br/>
<form action="form.html" method="get">
Nama: <input type="text" name="nama" value="Masukkan nama" />
<br/>
Password: <input type="password" name="password" />
<br/>
Jenis Kelamin :
<input type="radio" name="jenis_kelamin" value="laki-laki" checked />
Laki - Laki
<input type="radio" name="jenis_kelamin" value="perempuan" />
Perempuan
<br/>
Daerah:
<select name="asal_kota" >
<option value="Jakarta Timur">Jakarta Timur</option>
<option value="Jakarta Selatan" selected>Jakarta Selatan</option>
<option value="Jakarta Barat">Jakarta Barat</option>
<option value="Jakarta Utara">Jakarta Utara</option>
</select>
<br/>
Hobi: <input type="checkbox" name="hobi_masak" /> Memasak
<input type="checkbox" name="hobi_ngoding" checked /> Ngoding
<input type="checkbox" name="hobi_Berenang" /> Berenang
<br/>
Masukkan saran anda disini:
<textarea name="komentar" rows="10" cols="50">
Silahkan masukkan kritik dan saran...
</textarea>
<br />
<input type="submit" value="Kirim Data" >
</form>
</body>
</html>
Dan berikut adalah gambarnya:
Jika anda mengikuti tutorial dari part 1 sampai part 13, seharusnya kalian sudah mengerti semua kode diatas dan dengan mudah memahaminya.
Selamat! Sampai disini anda sudah belajar HTML Dasar, anda bisa melanjutkan ke HTML Lanjutan. Sebetulnya, HTML masih menyimpan tag-tag lainnya, itu akan kita pelajari pada tutorial HTML Lanjutan yang akan membahas tag-tag HTML yang lebih khusus.