HTML, singkatan dari HyperText Markup Language, adalah bahasa markup standar yang digunakan untuk membuat dan merancang halaman web. HTML menyediakan struktur dasar untuk konten di internet, dan merupakan salah satu fondasi utama dalam pengembangan web. Dalam artikel ini, kita akan membahas dasar-dasar HTML, elemen-elemennya, dan bagaimana cara menggunakannya untuk membuat halaman web yang sederhana.
Apa Itu HTML?
HTML adalah bahasa yang digunakan untuk mendeskripsikan dan menyusun konten di internet. Dengan HTML, kita dapat menentukan elemen-elemen seperti teks, gambar, tautan, tabel, dan banyak lagi. HTML menggunakan tag untuk menunjukkan kepada browser bagaimana menampilkan konten.
Struktur Dasar Dokumen HTML
Setiap dokumen HTML dimulai dengan deklarasi tipe dokumen diikuti dengan elemen-elemen dasar. Berikut adalah struktur dasar sebuah dokumen HTML:
<!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Judul Halaman</title> </head> <body> <h1>Selamat datang di halaman web saya!</h1> <p>Ini adalah paragraf pertama saya.</p> </body> </html>
Dalam contoh di atas:
- <!DOCTYPE html> memberi tahu browser bahwa ini adalah dokumen HTML5.
- <html> adalah elemen akar yang mengandung semua konten di halaman.
- <head> berisi informasi meta, seperti karakter encoding dan judul halaman.
- <body> berisi konten yang ditampilkan kepada pengguna, seperti teks dan gambar.
Elemen-Element HTML
HTML terdiri dari berbagai elemen, masing-masing dengan fungsi tertentu. Beberapa elemen umum dalam HTML meliputi:
1. Heading: Tag <h1> hingga <h6> digunakan untuk menentukan heading (judul) di halaman. <h1> adalah yang paling penting, sedangkan <h6> adalah yang paling tidak penting.
2. Paragraf: Tag <p> digunakan untuk membuat paragraf.
3. Tautan: Tag <a> digunakan untuk membuat tautan. Atribut href menentukan alamat URL yang dituju.
4. Gambar: Tag <img> digunakan untuk menyisipkan gambar. Atribut src menentukan sumber gambar, dan alt memberikan deskripsi alternatif.
5. Daftar: HTML mendukung daftar terurut (<ol>) dan tidak terurut (<ul>).
Menggunakan HTML Bersama CSS dan JavaScript
HTML sering digunakan bersamaan dengan CSS (Cascading Style Sheets) untuk mengatur tampilan dan gaya halaman web. CSS memungkinkan kita untuk mengubah warna, font, dan tata letak elemen HTML. Selain itu, JavaScript dapat digunakan untuk menambahkan interaktivitas ke halaman web, seperti respons terhadap klik pengguna atau pengolahan data.
Kesimpulan
HTML adalah bahasa fundamental untuk pengembangan web. Dengan memahami dasar-dasar HTML, Anda dapat mulai membuat halaman web sederhana. Meskipun HTML sendiri tidak cukup untuk menciptakan situs web yang menarik, kombinasi dengan CSS dan JavaScript membuka banyak kemungkinan dalam desain dan interaksi. Jika Anda baru memulai, langkah pertama adalah mencoba menulis beberapa kode HTML sederhana dan melihat bagaimana tampilan di browser. Selamat berkreasi!ss1112