Pengenalan HTML

15 menit Pemula Dasar HTML

Apa itu HTML?

HTML (HyperText Markup Language) adalah bahasa markup standar yang digunakan untuk membuat dan menyusun halaman web serta aplikasi web. HTML mendeskripsikan struktur halaman web menggunakan elemen-elemen yang disebut tag.

Fakta Penting:

HTML bukanlah bahasa pemrograman, melainkan bahasa markup yang mendeskripsikan struktur dan konten dari sebuah dokumen web.

📝 Contoh Dokumen HTML Sederhana

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Halaman Pertamaku</title>
</head>
<body>
    <h1>Selamat Datang!</h1>
    <p>Ini adalah halaman web pertama saya menggunakan HTML.</p>
    <p>Belajar HTML itu menyenangkan dan mudah!</p>
</body>
</html>
halaman-pertamaku.html

Selamat Datang!

Ini adalah halaman web pertama saya menggunakan HTML.

Belajar HTML itu menyenangkan dan mudah!

Sejarah Perkembangan HTML

1991

HTML 1.0

Versi pertama yang dikembangkan oleh Tim Berners-Lee, sangat sederhana dengan hanya 18 elemen.

1995

HTML 2.0

Standar pertama yang resmi, menambahkan form dan tabel.

1997

HTML 3.2

Menambahkan fitur seperti applet, script, dan font styling.

1999

HTML 4.01

Memperkenalkan CSS dan scripting, menjadi standar untuk waktu yang lama.

2000

XHTML

Versi XML dari HTML dengan sintaks yang lebih ketat.

2014

HTML5

Standar modern dengan elemen semantik, multimedia, dan API yang powerful.

Fungsi dan Peran HTML

Struktur Halaman

Membuat kerangka dasar dan struktur logis dari halaman web.

Menampilkan Konten

Menampilkan berbagai jenis konten seperti teks, gambar, video, dan audio.

Hyperlink

Membuat tautan antar halaman dan sumber daya lainnya di web.

Form Interaktif

Membuat form untuk mengumpulkan input dari pengguna.

Integrasi dengan CSS

Bekerja sama dengan CSS untuk styling dan layout yang menarik.

Dasar Interaktivitas

Menyediakan struktur untuk JavaScript menambahkan interaktivitas.

Kelebihan HTML

Mudah Dipelajari

Sintaks yang sederhana dan intuitif membuat HTML mudah dipahami bahkan untuk pemula.

Didukung Universal

Didukung oleh semua browser modern tanpa memerlukan plugin tambahan.

Gratis dan Open Source

Tidak ada biaya lisensi, dapat digunakan secara bebas untuk proyek apapun.

Integrasi Mudah

Dapat diintegrasikan dengan mudah dengan bahasa backend seperti PHP, Python, dan Node.js.

Dasar Web Development

Menjadi fondasi utama untuk semua teknologi web modern.

Mari Mencoba!

Latihan Praktik

Cobalah membuat file HTML pertama Anda dengan mengikuti langkah-langkah berikut:

  1. Buka text editor favorit Anda (Notepad++, VS Code, Sublime Text, dll.)
  2. Salin kode contoh di atas ke dalam editor
  3. Simpan file dengan nama halo-dunia.html
  4. Buka file tersebut di browser web Anda
  5. Lihat hasilnya dan coba modifikasi teksnya!
Tip: Gunakan ekstensi .html saat menyimpan file HTML.