HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk membuat halaman web. Semua situs web yang kamu buka di internet dibangun dengan HTML sebagai fondasi dasarnya. Jika kamu ingin belajar membuat website, maka langkah pertama adalah memahami belajar HTML dasar.
Artikel ini akan membahas struktur HTML, tag-tag penting, serta contoh sederhana yang bisa kamu praktikkan langsung. Semuanya dijelaskan dengan bahasa yang mudah dipahami oleh pemula.
Apa Itu HTML?
HTML adalah bahasa markup, artinya digunakan untuk memberi struktur dan makna pada konten dalam halaman web. Dengan HTML, kamu bisa menambahkan teks, gambar, tautan, tabel, form, dan elemen lainnya ke dalam website.
Contoh struktur HTML sederhana:
Struktur Dasar HTML
HTML biasanya terdiri dari elemen-elemen berikut:
- html: Elemen utama yang membungkus semua isi halaman web
- head: Berisi metadata seperti judul, link ke CSS, dan informasi lain
- title: Menentukan judul halaman yang muncul di tab browser
- body: Berisi konten utama yang ditampilkan ke pengguna
Elemen HTML Dasar yang Harus Diketahui
1. Heading
Digunakan untuk judul atau subjudul. Terdiri dari hingga . Contoh:
2. Paragraf
Untuk menulis paragraf teks.
3. Tautan (Link)
Digunakan untuk membuat hyperlink ke halaman lain. Klik di sini
4. Gambar
Menampilkan gambar dari URL atau file lokal.
5. Daftar
HTML mendukung dua jenis daftar: terurut () dan tidak terurut ().
6. Tabel
Digunakan untuk menampilkan data dalam format tabel.
Tips Belajar HTML Dasar
- Gunakan teks editor seperti Notepad++, VS Code, atau Sublime Text
- Simpan file dengan ekstensi .html
- Buka file HTML langsung di browser untuk melihat hasilnya
- Kombinasikan dengan CSS untuk desain dan JavaScript untuk interaktivitas
Tools dan Sumber Belajar Gratis
- w3schools.com
- freecodecamp.org
- MDN Web Docs (developer.mozilla.org)
- CodePen dan JSFiddle untuk latihan online
Kesimpulan
Belajar HTML dasar adalah langkah pertama yang wajib kamu kuasai jika ingin terjun ke dunia web development. Dengan memahami struktur dan tag-tag penting HTML, kamu sudah bisa membuat halaman web sederhana dari awal.
Teruslah berlatih dan cobalah membangun proyek kecil seperti halaman profil, portofolio, atau blog pribadi. Semakin sering kamu praktik, semakin cepat kamu paham dan mahir. Selamat belajar HTML!
