π Apa Itu HTML?
HTML (HyperText Markup Language) adalah bahasa markup standar untuk membuat dan menyusun halaman web.
HTML memberi struktur pada konten, seperti paragraf, gambar, tautan, video, dan lainnya.
HTML bukan bahasa pemrograman, tapi bahasa yang digunakan untuk βmenandaiβ elemen-elemen pada halaman web.
π§± Fungsi HTML
- Membuat struktur dasar halaman web
- Menampilkan konten seperti teks, gambar, video, tabel, dan lainnya
- Membuat hyperlink antar halaman (membentuk βjaringanβ web)
- Bekerja sama dengan CSS dan JavaScript untuk membentuk website yang menarik dan interaktif
π§© Struktur Dasar HTML
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Halo Dunia!</h1>
<p>Ini adalah paragraf pertama saya.</p>
</body>
</html>
Penjelasan:
<!DOCTYPE html>β Menandakan dokumen HTML5<html>β Elemen utama seluruh dokumen<head>β Bagian informasi (meta, judul, link CSS)<body>β Bagian yang dilihat pengguna di browser
π¦ Elemen-Elemen Penting HTML:
| Tag | Fungsi |
|---|---|
<h1> – <h6> | Heading (judul dari besar ke kecil) |
<p> | Paragraf |
<a> | Hyperlink (tautan) |
<img> | Menampilkan gambar |
<ul>, <ol>, <li> | Daftar tidak/berurutan |
<table>, <tr>, <td> | Tabel dan isinya |
<div> | Pembungkus konten |
<span> | Membungkus teks inline |
<form> | Form input pengguna |
π¨ HTML + CSS + JavaScript
HTML sering digunakan bersama:
- CSS: Untuk mempercantik tampilan (warna, layout, animasi)
- JavaScript: Untuk menambahkan fungsi interaktif (klik, input, dll.)
π Kenapa Harus Belajar HTML?
- Dasar semua website
- Mudah dipelajari untuk pemula
- Fondasi penting sebelum belajar frontend atau full-stack web development
- Dibutuhkan untuk membuat blog, portfolio, dan aplikasi web
π‘ Fakta Menarik:
- HTML pertama kali dikembangkan oleh Tim Berners-Lee pada tahun 1991
- Versi terbaru adalah HTML5 dengan dukungan video, audio, dan grafis (canvas & SVG)
π Kesimpulan
HTML adalah pondasi dari setiap halaman web. Tanpa HTML, tidak ada struktur konten di internet. Meski sederhana, HTML sangat penting untuk dipahami oleh siapa saja yang ingin terjun ke dunia web development.