đĪÎą đđĪ đđđđ?
HTML (HyperText Markup Language) adalah bahasa markup standar yang digunakan untuk membuat dan menyusun halaman web.
- HyperText â Teks yang bisa menaut (link) ke halaman lain.
- Markup â Bahasa yang menggunakan tag untuk memberi struktur pada teks.
- Language â Artinya HTML punya aturan baku (syntax) yang harus diikuti.
HTML pertama kali dibuat oleh Tim Berners-Lee pada tahun 1991, dan sampai sekarang sudah berkembang menjadi versi modern yaitu HTML5.
đ Ī đŖđđđ đđđđ
- Membuat struktur halaman â Menyusun teks, gambar, video, link, tabel, dll.
- Menghubungkan antar halaman â Dengan hyperlink (
<a>). - Menyisipkan media â Gambar, audio, video, animasi.
- Membuat formulir â Untuk input data pengguna (login, search, komentar, dll).
- Pondasi untuk CSS & JavaScript â HTML = kerangka, CSS = tampilan, JS = interaktif.
đđđĪ đđĪ đ đÎąđÎąđ đâąēđĪ ęđžđŖ đđđđ
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Belajar HTML</title>
</head>
<body>
<h1>Halo, Dunia!</h1>
<p>Ini adalah contoh halaman HTML pertama saya.</p>
</body>
</html>
đĢâ¯đđŋâ¯đđļđđļđ:
<!DOCTYPE html>â Mendefinisikan bahwa dokumen ini adalah HTML5.<html lang="id">â Elemen root (paling luar), atributlangmenunjukkan bahasa.<head>â Bagian kepala dokumen, berisi metadata, judul, stylesheet, script.<meta charset="UTF-8">â Menentukan karakter encoding agar teks muncul benar.<meta name="viewport">â Agar tampilan responsif di perangkat mobile.<title>â Judul halaman, muncul di tab browser.<body>â Isi utama yang akan ditampilkan di layar browser.
đáĨŖđžęđžđŖ đÎąđÎąđ
HTML tersusun dari elemen (tags).
- Heading (judul)
<h1>Judul Utama</h1> <h2>Sub Judul</h2> <h3>Sub Sub Judul</h3>â Ada dari<h1>sampai<h6>, semakin besar angka semakin kecil ukurannya. - Paragraf
<p>Ini adalah sebuah paragraf.</p> - Tautan (link)
<a href="https://google.com">Kunjungi Google</a> - Gambar
<img src="gambar.jpg" alt="Deskripsi gambar"> - Daftar
- Berurutan (ordered list):
<ol> <li>Pertama</li> <li>Kedua</li> </ol> - Tidak berurutan (unordered list):
<ul> <li>Apel</li> <li>Pisang</li> </ul>
- Berurutan (ordered list):
- Tabel
<table border="1"> <tr> <th>Nama</th> <th>Umur</th> </tr> <tr> <td>Budi</td> <td>20</td> </tr> </table> - Formulir
<form action="/submit" method="post"> <label>Nama:</label> <input type="text" name="nama"> <button type="submit">Kirim</button> </form>
đđžđđđžęá˛ÎąđŖđÎąđŖ đđđđ (đđžđđđ)
- HTML 1.0 (1991) â Versi pertama, sangat sederhana.
- HTML 2.0 (1995) â Mendukung form dan tabel.
- HTML 3.2 (1997) â Menambahkan elemen desain (misalnya
<font>). - HTML 4.01 (1999) â Lebih terstruktur, mendukung CSS.
- XHTML (2000-an) â Varian ketat dari HTML.
- HTML5 (2008 – sekarang) â Modern, mendukung video, audio, canvas, geolocation, responsive, dll.
đĪ á˛Ī đŖđÎąđŖ đđđđ, đđđ, á¯ÎąđŖ đÎąđÎąđđŧđđĪđ
đ Dalam pembuatan website, ketiga ini selalu digunakan bersama:
- HTML â Kerangka (struktur).
- CSS â Memberi gaya/tampilan (warna, layout, font).
- JavaScript â Memberi interaktivitas (animasi, validasi, efek dinamis).
Contoh singkat integrasi:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Website Mini</title>
<style>
body { font-family: Arial; background-color: #f0f0f0; }
h1 { color: blue; }
</style>
</head>
<body>
<h1>Halo, Dunia!</h1>
<button onclick="alert('Tombol diklik!')">Klik Saya</button>
</body>
</html>
đđžđđęĪĪ áĨŖÎąđŖ
- HTML adalah bahasa markup standar untuk membuat halaman web.
- HTML menyusun struktur konten, sedangkan tampilan diatur CSS dan interaktivitas oleh JavaScript.
- HTML5 adalah versi terbaru yang mendukung banyak fitur modern (video, audio, canvas, form canggih, dll).
- Dengan memahami HTML, kamu bisa mulai membuat website dari nol hingga kompleks.