HTML (HyperText Markup Language) adalah bahasa standar untuk membuat halaman web. Dengan HTML, kamu bisa menentukan struktur konten di website, seperti judul, paragraf, gambar, tautan, tabel, dan elemen lainnya.
HTML bukanlah bahasa pemrograman seperti Python atau JavaScript, melainkan bahasa markup. Artinya, HTML digunakan untuk menandai bagian-bagian dari sebuah dokumen agar browser tahu cara menampilkannya.
Struktur Dasar Dokumen HTML
Setiap halaman HTML biasanya terdiri dari struktur berikut:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Selamat Datang!</h1>
<p>Ini adalah paragraf pertama Anda.</p>
</body>
</html>
Penjelasan singkat:
<!DOCTYPE html>: Mendefinisikan jenis dokumen (HTML5).<html>: Tag utama yang membungkus seluruh isi dokumen.<head>: Berisi informasi meta, judul halaman, link CSS, dan lainnya.<title>: Judul yang muncul di tab browser.<body>: Bagian utama yang berisi semua konten yang terlihat oleh pengguna.
Elemen Penting HTML yang Wajib Diketahui
| Elemen HTML | Fungsi |
|---|---|
<h1> – <h6> | Judul dari level 1 (besar) sampai 6 (kecil). |
<p> | Menambahkan paragraf. |
<a href="..."> | Membuat tautan (link). |
<img src="..." alt="..."> | Menampilkan gambar. |
<ul>, <ol>, <li> | Daftar tidak berurutan (ul), berurutan (ol), dan item daftar (li). |
<div>, <span> | Elemen pembungkus untuk styling dan layout. |
Cara Memulai Membuat HTML
Langkah 1: Siapkan Text Editor
Kamu bisa mulai menulis HTML menggunakan text editor seperti:
- Visual Studio Code (disarankan)
- Sublime Text
- Notepad++
Untuk pemula, Visual Studio Code sangat cocok karena ringan, gratis, dan memiliki banyak ekstensi.
Langkah 2: Buat File HTML
- Buka text editor.
- Buat file baru dan simpan dengan nama
index.html. - Tulis kode HTML dasar (lihat contoh di atas).
- Simpan, lalu buka file tersebut dengan browser seperti Chrome.
Tips Menulis HTML yang Baik
- Gunakan struktur yang rapi dan indentasi agar kode mudah dibaca.
- Tambahkan komentar (
<!-- Ini komentar -->) untuk penjelasan di dalam kode. - Gunakan atribut
altpada gambar agar ramah SEO dan aksesibel. - Jangan lupa uji hasil kode di berbagai browser.
Kesimpulan
HTML adalah pondasi dari semua halaman web di internet. Dengan memahami HTML, kamu membuka pintu untuk mempelajari CSS, JavaScript, dan pengembangan web secara keseluruhan. Tidak butuh alat mahal atau skill tingkat tinggi untuk memulainya — cukup dengan komputer, text editor, dan semangat belajar!
