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 13 : Add Styling to About
• Belajar Coding Bagian 6: Membuat Link dan Navigasi dalam HTML
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
