๐ฯฮฑ ๐๐ฯ ๐๐๐๐?
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.