Belajar HTML Dasar: Buat Halaman Profil Diri Sendiri dalam 10 Menit

Pernah nggak sih kamu kepikiran buat punya halaman profil sendiri di internet? Terutama kalau kamu suka freelance, desain, atau nulis—punya web portofolio itu penting banget. Orang jadi bisa lihat siapa kamu, keahlianmu apa, dan hasil kerja kamu kayak gimana. Nah, kabar baiknya, kamu bisa mulai bikin dari nol, tanpa ribet, tanpa biaya—cukup modal HTML dasar dan 10 menit waktu luang. Serius!

Kenapa Harus Punya Halaman Profil?

Saya pribadi udah ngerasain manfaatnya. Awalnya iseng bikin halaman profil HTML buat belajar. Eh, ternyata banyak klien yang nemuin saya dari situ. Jadi bukan cuma tempat pamer portofolio, tapi juga jadi pintu masuk buat dapet job!

Langkah 1: Siapkan Alat Tempurnya

Notepad atau VS Code (bebas, yang penting bisa nulis kode)
Browser (Chrome, Firefox, dll)

Saya biasanya pakai VS Code karena tampilannya enak dan warnanya bikin semangat coding, hehe.

Langkah 2: Tulis Struktur HTML Dasarnya

Buka editor kamu, lalu ketik kode ini dan simpan sebagai index.html:

<!DOCTYPE html>
<html>
<head>
  <title>Profil Saya</title>
</head>
<body>
  <h1>Halo, saya [Nama Kamu]!</h1>
  <p>Saya adalah seorang [profesi atau minat kamu].</p>
  <h2>Tentang Saya</h2>
  <p>Tulis sedikit tentang dirimu, pengalaman, dan minat.</p>
  <h2>>Kontak</h2>
  <ul>
    <li>Email: kamu@email.com</li>
    <li>Instagram: @usernamekamu</li>
    <li>LinkedIn: linkedin.com/in/kamu</li>
  </ul>
</body>
</html>

Langkah 3: Buka di Browser

Setelah disimpan, klik dua kali file index.html kamu. Voila! Kamu sudah punya halaman profil pribadi!

Langkah 4: Percantik Halamannya (Opsional)

Biar makin kece, kamu bisa tambahkan CSS sederhana di dalam tag <head> seperti ini:

<style>
  body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    color: #333;
    padding: 20px;
  }
  h1, h2 {
    color: #007BFF;
  }
</style>

Cuma dengan tambahan ini, tampilan halaman kamu sudah lebih profesional dan enak dibaca.

Tips Tambahan:

Upload halaman ini ke Netlify atau GitHub Pages biar bisa diakses publik.
Update isi profil kamu secara berkala kalau ada pengalaman atau proyek baru.
Kalau sudah mahir, lanjut belajar HTML lanjutan dan CSS Framework kayak Bootstrap.

Pengalaman Pribadi

Saya mulai dari halaman sederhana ini. Waktu itu, cuma bermodal HTML dan niat. Tapi dari satu halaman kecil ini, saya bisa nunjukin hasil desain saya, tulis artikel, dan bahkan dapet kerjaan freelance pertama saya. Setelah itu, saya rajin update dan alhamdulillah... ya sekarang bisa nulis blog ini sambil menikmati hasil dari AdSense juga, hehe.

Penutup

Jadi, gimana? Nggak sulit, kan? Cukup luangin 10 menit, dan kamu udah punya halaman HTML profil pribadi yang bisa dibanggakan. Kalau kamu udah coba, yuk share di komentar URL halaman kamu. Siapa tahu kita bisa saling support dan kasih feedback juga. Semangat berkarya!

Selamat mencoba ya! 🚀

Cari Blog Ini

Tutorial LifeHack