Materi: Dasar-Dasar HTML

Gambar Ilustrasi HTML

**HTML (HyperText Markup Language)** adalah tulang punggung setiap halaman web yang Anda lihat. Ini bukan bahasa pemrograman, melainkan bahasa markup yang digunakan untuk **menyusun konten** di web. Dengan HTML, Anda dapat membuat judul, paragraf, daftar, tautan, gambar, dan berbagai elemen lain yang membentuk struktur dasar halaman web. Bayangkan HTML sebagai kerangka rumah; ia mendefinisikan di mana dinding, pintu, dan jendela akan berada.

Setiap elemen HTML direpresentasikan oleh **tag**, yang biasanya datang berpasangan (tag pembuka dan tag penutup) seperti `

ini paragraf

`. Browser web membaca kode HTML dan merendernya menjadi tampilan visual yang dapat kita interaksikan. Memahami HTML adalah langkah pertama dan paling fundamental dalam perjalanan pengembangan web, karena semua teknologi web lainnya seperti CSS (untuk gaya) dan JavaScript (untuk interaktivitas) dibangun di atas struktur yang disediakan oleh HTML.

Contoh Kode HTML Sederhana

Berikut adalah contoh struktur dasar dokumen HTML:

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Judul Halaman Saya</title>
</head>
<body>
    <h1>Selamat Datang di Halaman Saya</h1>
    <p>Ini adalah paragraf pertama di website saya.</p>
    <a href="https://www.example.com">Kunjungi Example.com</a>
</body>
</html>
← Kembali ke Semua Materi