Tutorial HTML Dasar Part 14: Gabungan File HTML (Finish)

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.
Dibawah ini merupakan semua list dari proses part Belajar HTML Dasar- Tutorial HTML Dasar Part 1: Pengenalan HTML
- Tutorial HTML Dasar Part 2: Apa Fungsi Web Browser?
- Tutorial HTML Dasar Part 3: Memilih Text Editor Untuk HTML
- Tutorial HTML Dasar Part 4: Menjalankan File HTML
- Tutorial HTML Dasar Part 5: Struktur Dasar HTML
- Tutorial HTML Dasar Part 6: Cara Membuat Paragraf di HTML
- Tutorial HTML Dasar Part 7: Cara Membuat Judul di HTML (tag h1)
- Tutorial HTML Dasar Part 8: Cara Membuat Daftar/List di HTML (tag li)
- Tutorial HTML Dasar Part 9: Cara Membuat link di HTML (tag a)
- Tutorial HTML Dasar Part 10: Cara Menambahkan Gambar di HTML (tag img)
- Tutorial HTML Dasar Part 11: Cara Membuat Tabel di HTML (tag table)
- Tutorial HTML Dasar Part 12: Cara Memberikan Komentar di HTML
- Tutorial HTML Dasar Part 13: Cara Membuat Form di HTML (tag form)
- Tutorial HTML Dasar Part 14: Gabungan File HTML (Finish)