HTML atau HyperText Markup Language adalah bahasa markup standar yang digunakan untuk membuat dan menyusun halaman web. Dengan HTML, kalian bisa menambahkan teks, gambar, tautan, video, tabel, dan berbagai elemen lainnya agar halaman web terlihat menarik dan berfungsi dengan baik.
Halo teman-teman, pernah nggak sih kalian penasaran gimana caranya sebuah website bisa tampil rapi di browser? Nah, jawabannya ada pada HTML ini. Pada artikel ini kodelyly.com akan membahas pengertian HTML dan struktur dasarnya supaya kalian bisa lebih paham sebelum belajar web development lebih lanjut.
Pengertian HTML
HTML adalah fondasi utama dalam pembuatan website. Ia berfungsi sebagai kerangka atau struktur dasar yang menentukan bagaimana konten akan ditampilkan di browser. HTML sendiri menggunakan tag-tag khusus yang diletakkan di antara tanda kurung sudut (< >) untuk memberi instruksi kepada browser.
HTML bukanlah bahasa pemrograman, melainkan bahasa markup. Artinya, HTML tidak bisa menjalankan logika atau perhitungan seperti JavaScript atau Python, namun hanya berfungsi untuk mendefinisikan struktur dan format konten.
Struktur Dasar HTML
Setiap dokumen HTML memiliki struktur dasar yang umumnya terdiri dari beberapa elemen penting:
| Elemen | Keterangan |
|---|---|
<!DOCTYPE html> | Mendeklarasikan tipe dokumen agar browser tahu bahwa ini adalah HTML5. |
<html> | Tag pembuka yang membungkus seluruh isi halaman web. |
<head> | Berisi informasi meta, judul halaman, link CSS, dan script yang akan digunakan. |
<title> | Menentukan judul halaman yang tampil di tab browser. |
<body> | Menampung seluruh konten yang akan ditampilkan di browser, seperti teks, gambar, dan elemen lainnya. |
Contoh struktur dasar HTML:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Selamat Datang</h1>
<p>Ini adalah paragraf pertama saya.</p>
</body>
</html>
Elemen Dan Tag HTML
Tag HTML biasanya ditulis berpasangan, terdiri dari tag pembuka dan penutup, misalnya:
<p>Ini adalah sebuah paragraf.</p>
Namun, ada juga tag yang tidak memiliki penutup, seperti:
<img src="gambar.jpg" alt="Deskripsi gambar">
FAQ Tentang HTML
1. Apakah HTML sama dengan bahasa pemrograman? Tidak, HTML adalah bahasa markup, bukan bahasa pemrograman. HTML digunakan untuk membentuk struktur halaman web, bukan untuk logika atau perhitungan.
2. Apakah HTML bisa berjalan tanpa CSS dan JavaScript? Bisa, tetapi tampilannya akan sangat sederhana karena CSS mengatur desain, sedangkan JavaScript mengatur interaktivitas.
3. Apakah semua browser mendukung HTML5? Ya, hampir semua browser modern seperti Chrome, Firefox, Edge, dan Safari sudah mendukung HTML5.
4. Apakah HTML case-sensitive? Tidak, HTML tidak peka huruf besar atau kecil, tetapi penulisan tag dengan huruf kecil lebih direkomendasikan.
5. Apakah kita harus selalu menulis <!DOCTYPE html>? Ya, untuk memastikan browser merender halaman dengan standar HTML5.
Kesimpulan
HTML adalah bahasa markup yang menjadi kerangka dasar dalam pembuatan halaman web. Dengan memahami struktur dasarnya, kalian bisa mulai membuat halaman web sederhana sebelum melanjutkan ke tahap yang lebih kompleks. Sekian artikel dari kodelyly.com, semoga bermanfaat dan sampai jumpa di pembahasan berikutnya!