Menulis HTML Pertamamu dan Melihatnya Hidup di Browser!

June 27, 2025

Ada sesuatu yang magis saat kamu menulis kode dan… tiba-tiba muncul halaman web di browser. Serius, ini bukan sihir – ini HTML. Dan di artikel ini, kita akan bikin momen bersejarah itu terjadi.

Persiapan: Peralatan Tempur

Sebelum mulai, pastikan kamu punya:

Text Editor – pakai VS Code kalau mau yang keren, atau Notepad pun cukup
Web Browser – Chrome, Firefox, Edge, apa aja boleh

Langkah-Langkah Sakral: Bikin File HTML Pertamamu

Langkah 1: Buka Text Editor

Buka aplikasi text editor pilihanmu.

Langkah 2: Tulis Kode Ini

<!DOCTYPE html>
<html>
  <head>
    <title>Halaman Pertamaku</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>Aku baru saja membuat halaman web pertamaku.</p>
  </body>
</html>

Ini adalah “Hello World”-nya dunia HTML – kalimat pembuka dari jutaan programmer.

Langkah 3: Simpan File

Simpan file dengan nama: halaman-pertama.html. Pastikan ekstensinya .html ya, bukan .txt!

Langkah 4: Buka di Browser

Cari file yang kamu simpan tadi
Klik kanan → Open with → pilih browser favoritmu

Boom! Kamu baru saja membuat halaman web pertamamu!

Apa yang Baru Saja Terjadi?

Browser membaca kode HTML yang kamu tulis
Menampilkan elemen h1 dan p sebagai judul dan paragraf
Judul tab browser kamu diambil dari <title> di <head>

Sederhana tapi powerful.

Coba Ubah Kodenya

Eksperimen kecil:

Ubah teks <h1> menjadi nama kamu
Tambahkan paragraf kedua
Ubah judul halaman di <title>

Lalu save dan refresh browser. HTML langsung bereaksi tanpa ribet!

Tags:belajarthtml, codinghtml, dasarhtml, html, htmltutorial, htmluntukpemula, pemrogramanweb, strukturhtml, tutorialweb, webdevelopment

About The Author

cauza

CEO at CMC (Cauza Multimedia Creatifa), Senior of IT & Multimedia Departement at PT. Zafa Mulia Mandiri (Zafa Tour) Lives in Palembang