Di era digital saat ini, hampir semua aktivitas terhubung dengan website—mulai dari membaca berita, belajar online, hingga menjalankan bisnis. Pernahkah kamu bertanya:
👉 “Sebenarnya website itu dibangun dari apa?”
Jawabannya dimulai dari HTML.
Pada seri Belajar Coding ini, kita akan memulai dari dasar yang paling penting: memahami peran HTML dalam website.
Artikel ini sengaja dibuat sederhana, cocok untuk pemula yang benar-benar baru belajar coding.
• Belajar CSS Bagian 1 : Introduction to CSS
• Cara Membuat Backend PHP Native untuk Aplikasi Web (Panduan Lengkap untuk Pemula)
Apa Itu Coding?
Coding adalah proses menulis instruksi dalam bahasa tertentu agar dapat dipahami oleh komputer. Instruksi ini digunakan untuk:
-
Menampilkan teks
-
Menampilkan gambar
-
Membuat tombol
-
Mengolah data
-
Dan banyak hal lainnya
Website sendiri tidak dibuat dari satu bahasa saja, melainkan gabungan beberapa teknologi.
Komponen Utama Pembentuk Website
Sebelum fokus ke HTML, penting untuk tahu gambaran besarnya:
| Teknologi | Peran |
|---|---|
| HTML | Struktur / kerangka website |
| CSS | Tampilan & desain |
| JavaScript | Interaksi & logika |
| Backend (PHP, dsb) | Proses data & server |
Fokus kita di Bagian 1 ini adalah HTML.
Apa Itu HTML?
HTML (HyperText Markup Language) adalah bahasa markup, bukan bahasa pemrograman.
HTML digunakan untuk:
-
Menentukan struktur halaman web
-
Menyusun isi seperti:
-
Judul
-
Paragraf
-
Gambar
-
Tautan
-
Tabel
-
Formulir
-
📌 Tanpa HTML, website tidak akan punya bentuk apa pun.
Peran HTML dalam Website
Bayangkan website seperti sebuah rumah:
-
🧱 HTML → rangka & dinding rumah
-
🎨 CSS → cat, dekorasi, desain interior
-
⚙️ JavaScript → pintu otomatis, lampu pintar
HTML tidak mengatur warna atau animasi, tetapi menentukan apa saja yang ada di halaman.
Contoh Peran HTML Sederhana
Contoh tampilan website:
-
Judul artikel
-
Paragraf penjelasan
-
Gambar pendukung
-
Tombol baca selengkapnya
👉 Semua itu didefinisikan pertama kali oleh HTML
Tanpa HTML:
-
Tidak ada teks
-
Tidak ada gambar
-
Tidak ada link
HTML Menggunakan Tag
HTML bekerja menggunakan tag, contohnya:
-
<h1>untuk judul -
<p>untuk paragraf -
<img>untuk gambar -
<a>untuk link
Tag HTML memberi tahu browser:
“Ini judul”, “Ini paragraf”, “Ini gambar”
Browser lalu menampilkan sesuai perintah tersebut.
Mengapa HTML Wajib Dipelajari Pertama?
Alasan utama HTML menjadi langkah awal belajar coding:
✅ Mudah dipahami
✅ Tidak perlu logika rumit
✅ Bisa langsung dilihat hasilnya
✅ Fondasi untuk CSS & JavaScript
✅ Digunakan di semua website tanpa terkecuali
📌 Belajar CSS dan JavaScript tanpa HTML = bangunan tanpa pondasi
Siapa yang Cocok Belajar HTML?
HTML cocok untuk:
-
Pemula belajar coding
-
Blogger
-
Content writer
-
Tenaga kesehatan / profesional non-IT
-
Siapa saja yang ingin paham website
Kamu tidak perlu jago matematika untuk mulai HTML.
Ringkasan
✔ HTML adalah fondasi utama website
✔ HTML menentukan struktur dan isi halaman
✔ Tanpa HTML, website tidak bisa tampil
✔ HTML adalah langkah paling tepat untuk pemula
Penutup
Di artikel Bagian 1 ini, kamu sudah mengenal:
-
Apa itu coding
-
Apa itu HTML
-
Peran penting HTML dalam website
