Hallo gan, selesai sudah kita belajar bersama pada materi dasar ini yang telah kita selesaikan dari bagian 1 sampai 14 dengan seksama. Banyak yang kita pelajari dari awal hingga akhir materi dasar agar tidak ulang kita akan rangkum dalam satu bagian saja yang mencakup tag paragraf, heading, list, link, image (gambar), komentar, tabel dan form.
Berikut adalah rangkuman kode program sebuah halaman HTML:
<!DOCTYPE html>
<html>
<head>
<title>Materi Dasar HTML - RuangIlmur</title>
</head>
<body>
<!-- pembuka -->
<h1>Belajar HTML Dasar</h1>
<p> Ini <strong>adalah</strong> sebuah <em>paragraf</em> </p>
<!-- tag link -->
<p>Saya sedang belajar HTML dari
<a href="http://www.ruangilmu.ga/" target="_blank">RuangIlmu</a>
dan akan terbuka pada tab baru</p>
<!-- tag image -->
<img alt="logo ruangilmu" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9psvTBETIV-d7SsicCyAkQcdPUqA65KfSMh_L3JAZ2AMz2HlD_g2sahJ7j3MywiZVF5HKkSkevpqTRDM5fAuNKF-o02QgBBimG04v3nQOcS-lwPpPRKs_DFf7naxfRuW8r6a12WCKIg/s1600/Untitled2.png" />
<!-- tag list -->
<h2>daftar materi</h2>
<ol>
<li>Part 1 : Pengenalan HTML</li>
<li>Part 2 : Web Browser</li>
<li>Part 3 : Mengenal tag HTML</li>
</ol>
<!-- tag table -->
<table border="1">
<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>
</table>
<br/>
<!-- tag form -->
<form action="finish.html" method="get">
Nama: <input type="text" name="nama" value="Nama Kamu" />
<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 />
Hobi:
<input type="checkbox" name="hobi_baca" /> Membaca Buku
<input type="checkbox" name="hobi_nulis" checked /> Menulis
<input type="checkbox" name="hobi_mancing" /> Memancing
<br />
Asal Kota:
<select name="asal_kota" >
<option value="Kota Jakarta"> Jakarta</option>
<option>Bandung</option>
<option value="Kota Semarang" selected>Semarang</option>
</select>
<br />
Komentar Anda:
<textarea name="komentar" rows="5" cols="20">
Silahkan katakan isi hati anda</textarea>
<br />
<input type="submit" value="Mulai Proses!" >
</body>
</html>
Lihat hasilnya :
Sampai disini apabila anda sudah mengerti, anda bisa melanjutkan kemateri selanjutnya yang sudah mulai kompleks. Lihat daftar materi kita pada awal materi, sampai jumpa di materi selanjutnya.
0 komentar:
Bijaklah saat Anda memberikan komentar atau kritik !!