Skip to main content

Latihan HTML

Setelah mempelajari dasar-dasar HTML, sekarang saatnya kita berlatih membuat halaman web sederhana menggunakan HTML. Pada latihan ini, kita akan membuat halaman web sederhana dengan studi kasus membuat biodata diri.

Instruksi​

  1. Buatlah sebuah folder baru dengan nama mybiography

  2. Buatlah sebuah file HTML baru dengan nama index.html di dalam folder mybiography

  3. Buatlah halaman web sederhana dengan struktur sebagai berikut:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Biografi Diri</title>
    </head>
    <body>
        <h1>Biografi Diri</h1>
        <p>Nama: [Nama kamu]</p>
        <p>Umur: [Umur kamu]</p>
        <p>Alamat: [Alamat kamu]</p>
        <p>Hobi: [Hobi kamu]</p>
    </body>
    </html>

  4. Isi bagian [Nama kamu], [Umur kamu], [Alamat kamu], dan [Hobi kamu] dengan biodata diri kamu.

  5. Buka file index.html menggunakan web browser.

  6. Pastikan halaman web yang kamu buat sudah menampilkan biodata diri kamu.

  7. Jika sudah, selamat! kamu telah berhasil membuat halaman web sederhana menggunakan HTML.

Dan ini adalaha contoh hasil dari latihan di atas yang telah saya modifikasi sesuai dengan kreasi saya.

Latihan HTML

Tentu saja punyaku tidak sebagus punya kamu, punya kamu pasti lebih bagus.
Jadi, jangan ragu untuk berkreasi sesuai dengan keinginanmu yakk! 😊