Pernah kepikiran bikin website sendiri tapi belum bisa ngoding? Tenang! Kamu bisa mulai bikin website pertamamu hanya dengan HTML — tanpa perlu ribet install software mahal atau belajar bahasa pemrograman yang rumit.
Di artikel ini, kamu akan belajar cara membuat halaman web sederhana dari nol, cukup dengan HTML saja!
Baca juga: Istana: HUT Ke-80 RI Digelar di Jakarta
Apa yang Kamu Butuhkan?
Hanya dua hal:
- Teks Editor: Bisa pakai Notepad (Windows), TextEdit (Mac), atau yang lebih canggih seperti VS Code
- Browser: Chrome, Firefox, Edge, atau lainnya untuk melihat hasilnya
Langkah 1: Buat File HTML Baru
- Buka teks editor
- Salin kode berikut:
htmlCopyEdit<!DOCTYPE html>
<html>
<head>
<title>Website Pertamaku</title>
</head>
<body>
<h1>Halo, dunia!</h1>
<p>Ini adalah website pertamaku yang dibuat hanya dengan HTML.</p>
</body>
</html>
- Simpan dengan nama:
index.html - Klik dua kali file tersebut → otomatis terbuka di browser. Voilà! Websitemu sudah jadi 🎉
Langkah 2: Tambahkan Elemen Penting
Gambar:
htmlCopyEdit<img src="foto.jpg" alt="Foto keren" width="300">
Pastikan file gambar (foto.jpg) ada di folder yang sama dengan file HTML.
Tautan:
htmlCopyEdit<p>Kunjungi <a href="https://example.com">website favorit saya</a>.</p>
Daftar:
htmlCopyEdit<ul>
<li>Belajar HTML</li>
<li>Bikin website sendiri</li>
<li>Jadi web developer!</li>
</ul>
Langkah 3: Tambahkan Struktur yang Lebih Rapi
HTML punya elemen semantik yang bikin struktur websitemu lebih jelas:
htmlCopyEdit<header>
<h1>Website Pertamaku</h1>
</header>
<main>
<section>
<h2>Tentang Saya</h2>
<p>Saya sedang belajar membuat website!</p>
</section>
</main>
<footer>
<p>© 2025 Website Pertamaku</p>
</footer>
Tips Tambahan
- Gunakan
<br>untuk ganti baris - Gunakan komentar
<!-- ini komentar -->untuk memberi catatan di dalam kode - Coba buka W3Schools HTML Editor untuk latihan online
Kesimpulan
Membuat website pertamamu nggak harus ribet. Cukup dengan HTML, kamu sudah bisa membuat halaman web sederhana, rapi, dan berfungsi.
Setelah menguasai HTML, kamu bisa lanjut ke CSS untuk mempercantik tampilannya, lalu JavaScript untuk menambah interaktivitas.
Penulis: Indra