Pengertian HTML, Struktur, Fungsi, dan Contohnya
Artikel yang menjelaskan pengertian dari sebuah istilah.
·waktu baca 3 menit
Tulisan dari Pengertian dan Istilah tidak mewakili pandangan dari redaksi kumparan
PerbesarHTML atau Hypertext Markup Language adalah bahasa pemrograman untuk membangun dan mengatur struktur sebuah halaman web. Ini adalah salah satu elemen kunci dalam dunia web yang memungkinkan seseorang untuk membuat dan mengatur konten web.
Di artikel ini, akan dijelaskan pengertian HTML, struktur HTML, fungsi HTML dalam web, serta contoh HTML sederhana yang dapat ditemui.
Pengertian HTML
Dalam bahasa Indonesia, HTML atau Hypertext Markup Language dapat diterjemahkan sebagai Bahasa Penandaan Hiperteks. Ini adalah bahasa pemrograman yang digunakan untuk membuat halaman web.
Karena berperan sebagai bahasa yang mendasari pembangunan web, jika HTML tak ada konten web tak dapat dipahami peramban dan tak dapat diakses pengguna.
HTML memberikan struktur dasar dan format untuk konten yang ditampilkan di peramban web. Dengan kata lain, HTML adalah bahasa yang digunakan untuk "membungkus" atau "mengemas" konten web sehingga browser dapat memahaminya dan menampilkan ke pengguna dengan benar.
Pada dasarnya, HTML terdiri dari serangkaian elemen atau tag yang digunakan untuk mengelompokkan dan memformat konten. Setiap tag memiliki fungsi khusus, seperti menandai judul, paragraf, gambar, tautan, dan elemen-elemen lainnya dalam halaman web.
Struktur HTML
HTML memiliki struktur dasar yang harus diikuti dalam setiap halaman web. Berikut komponen-komponen utama dalam struktur HTML:
<!DOCTYPE html>: Ini adalah deklarasi tipe dokumen (Document Type Declaration) yang memberi tahu peramban bahwa halaman web menggunakan HTML terbaru.
<html>: Tag ini menandai awal dari dokumen HTML.
<head>: Bagian ini berisi informasi tentang dokumen, seperti judul halaman, meta data, dan penghubung ke berkas eksternal seperti CSS dan JavaScript.
<title>: Ini adalah judul halaman yang akan ditampilkan di tab browser.
<body>: Bagian ini berisi konten utama halaman web, seperti teks, gambar, dan elemen-elemen lainnya.
<h1>, <h2>, <h3>, ..., <h6>: Tag ini digunakan untuk menandai judul atau heading. <h1> adalah heading paling tinggi dan <h6> adalah yang terendah.
<p>: Tag ini digunakan untuk menandai paragraf teks.
<a>: Tag ini digunakan untuk membuat tautan atau hyperlink.
Fungsi HTML dalam Web
HTML berperan dalam ekosistem web modern. Berikut fungsi HTML dalam web:
1. Struktur Konten
HTML memungkinkan pengembang web untuk mengatur dan mengelompokkan konten ke dalam berbagai elemen seperti paragraf, heading, daftar, tabel, dan lainnya. Ini membantu pengguna memahami struktur informasi di halaman web.
2. Tautan dan Navigasi
HTML memungkinkan pembuatan tautan (hyperlink) yang menghubungkan halaman web satu dengan yang lain. Ini memungkinkan pengguna untuk menavigasi antara halaman web dengan mudah.
3. Media dan Multimedia
Selain teks, HTML juga mendukung media seperti gambar, audio, dan video. Ini memungkinkan pengembang untuk menyajikan konten yang lebih kaya dan interaktif ke pengguna.
4. Interaktivitas
HTML juga mendukung elemen-elemen interaktif seperti formulir yang memungkinkan pengguna untuk mengisi data atau memberikan umpan balik.
5. Aksesibilitas
HTML memiliki fitur yang memungkinkan pengembang untuk meningkatkan aksesibilitas web, seperti menyediakan teks alternatif untuk gambar sehingga pengguna dengan disabilitas visual dapat memahami konten.
6. Kompatibilitas Cross-Browser
HTML dirancang untuk bekerja di berbagai peramban web yang berbeda. Ini memastikan bahwa halaman web dapat diakses dengan konsisten oleh sebagian besar pengguna Internet.
Contoh HTML Sederhana
Berikut contoh sederhana penggunaan HTML untuk membuat sebuah halaman web dengan teks dan tautan:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Halaman Web</title>
</head>
<body>
<h1>Selamat Datang di Contoh Halaman Web</h1>
<p>Ini adalah halaman web sederhana yang menggunakan HTML.</p>
<p>Silakan kunjungi <a href="https://www.websitecontoh.com">Website Contoh</a> untuk informasi lebih lanjut.</p>
</body>
</html>
Dalam contoh ini, <h1> digunakan untuk judul halaman, <p> untuk paragraf, dan <a> untuk membuat tautan ke situs web lain.