Mengenal HTML: Bahasa Dasar Dunia Web


Apa Itu HTML?

HTML (HyperText Markup Language) adalah bahasa markup standar yang digunakan untuk membuat dan menyusun halaman web. HTML bukanlah bahasa pemrograman seperti JavaScript atau Python, karena tidak memiliki logika atau perhitungan. Namun, HTML adalah fondasi dari semua website di internet.

HTML digunakan untuk menampilkan teks, gambar, video, tautan, dan elemen lainnya di browser.


Sejarah Singkat HTML

HTML pertama kali dikembangkan oleh Tim Berners-Lee pada tahun 1991. Saat itu, HTML hanya memiliki 18 tag. Seiring waktu, HTML terus berkembang dan kini versi terbarunya adalah HTML5, yang mendukung elemen multimedia seperti audio dan video tanpa perlu plugin tambahan.


Fungsi HTML

Beberapa fungsi utama HTML antara lain:

  1. Menentukan Struktur Halaman Web
    HTML membagi halaman menjadi bagian seperti header, footer, artikel, navigasi, dan lain-lain.
  2. Menyematkan Konten Multimedia
    Dengan HTML5, kita bisa menambahkan audio, video, dan grafik menggunakan tag bawaan.
  3. Menghubungkan Halaman
    HTML memungkinkan pengguna untuk berpindah dari satu halaman ke halaman lain menggunakan hyperlink.
  4. Bekerja Sama dengan CSS & JavaScript
    HTML digunakan bersama CSS (untuk desain) dan JavaScript (untuk interaktivitas) agar web menjadi menarik dan dinamis.

Contoh Dasar Kode HTML

Berikut contoh kode HTML sederhana:

<!DOCTYPE html>
<html>
  <head>
    <title>Contoh Halaman Web</title>
  </head>
  <body>
    <h1>Halo Dunia!</h1>
    <p>Ini adalah paragraf pertama saya di HTML.</p>
    <a href="https://www.google.com">Kunjungi Google</a>
  </body>
</html>

Penjelasan:

  • <html>: Elemen utama dari halaman web.
  • <head>: Tempat menyimpan informasi seperti judul halaman.
  • <body>: Tempat menampilkan konten utama yang dilihat pengguna.
  • <h1>: Heading utama (judul).
  • <p>: Paragraf.
  • <a>: Tautan (hyperlink).

HTML5 dan Perkembangannya

HTML5 memperkenalkan banyak fitur baru yang sangat bermanfaat, seperti:

  • <video> dan <audio>: Menampilkan media tanpa plugin.
  • <canvas>: Untuk menggambar grafik dinamis.
  • <section>, <article>, <nav>: Elemen semantik untuk struktur yang lebih jelas.

Kesimpulan

HTML adalah pondasi dari semua halaman web. Tanpa HTML, browser tidak akan tahu bagaimana menampilkan informasi yang ingin dilihat pengguna. Bagi siapa pun yang ingin belajar membuat website, memahami HTML adalah langkah pertama yang wajib dikuasai.