Skip to main content

HTML Dasar Part 13: Summary HTML Dasar

summary html

Untuk belajar koding HTML Dasar Kita kali ini sudah selesai dan kita akan menutup nya dengan membuat sebuah halaman website dengan menggunakan tag dan atribut HTML yang sudah kita pelajari sebelumnya.

Silahkan ketik ulang kode dibawah ini pada text editor:


<!DOCTYPE html>
<html>
<head>
<title>Selesai Belajar HTML Dasar</title>
</head>
<body>
    <!--Struktur Halaman WEB -->
    <h1>Belajar HTML Dasar</h1>
    <p> Ini <strong>adalah</strong> sebuah <em>paragraf</em> </p>
    <!-- tag link -->
    <a href="https://www.paltycox.com/" target="_blank">paltycox.com</a> link ini akan terbuka pada tab baru</p>
    <!-- tag gambar -->
    <img alt="gambar kucing" src="kucing.jpg" height="200" />
    <!-- tag list -->
    <h2>Jadwal Makan</h2>
    <ol>
        <li>Jam 07:00 makan pagi</li>
        <li>Jam 13:00 makan siang</li>
        <li>Jam 19:00 makan malam</li>
    </ol>
    <!-- tag tabel -->
    <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 -->
    <h3>My Biodata</h3>
   <form action="prosesform.php" method="get">
    <p>Nama : <input type="text" name="nama"/></p>
    <p>Password : <input type="password" name="password" /></p>
    <p>Jenis Kelamin : <input type="radio" name="jenis_kelamin" value="laki-laki" />Laki - Laki <input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuan</p>
    <p>Hobiku : <input type="checkbox" name="hobi_baca" /> Membaca Buku <input type="checkbox" name="hobi_nulis" /> Menulis <input type="checkbox" name="hobi_lukis"  /> Melukis</p>
    <p>Makanan Favorit :
      <select name="makanan_favorit" >
         <option value="nasigoreng">Nasi Goreng</option>
         <option value="pizza">Pizza</option>
         <option value="burger">Burger</option>
     </select>
    </p>
    <p>Alamat : <textarea name="alamat" rows="5" cols="20">
      
      </textarea></p>
    <p><input type="submit" value="Kirim Data"></p>
   </form>
</body>
 

Hasilnya :

Memang kodenya agak panjang hehehe, jika Kamu belajar koding HTML ini dari part 1 hingga terakhir, tentu saja Kamu akan mudah memahami dan mengerti dari kode HTML yang diatas.

Meskipun kita sudah belajar hampir keseluruhan tag HTML yang umum, akan tetapi masih banyak lagi tag tag yang disediakan HTML yang diperlukan untuk kebutuhan khusus.

Sampai bagian terakhir ini, Kamu bisa melanjutkan belajar koding HTML Lanjutan, dimana akan membahas lebih dalam untuk memformat text, memasukkan audio atau video, tabel HTML dan form HTML.

Atau jika Kamu merasa bosan tentang belajar koding HTML, Kamu dapat langsung ke belajar koding CSS.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar