Pengertian HTML

HTML (HyperText Markup Language) adalah bahasa dasar yang digunakan untuk membangun struktur halaman web. Kursus ini memberikan pemahaman mendalam tentang elemen-elemen dasar HTML, termasuk penggunaan tag-tag umum, atribut, dan cara menyusun konten seperti teks, gambar, dan tautan dalam halaman web. Anda akan belajar cara menulis tag HTML yang tepat, memahami cara kerja browser dalam menampilkan halaman, serta bagaimana HTML menjadi dasar dari semua website yang kita akses setiap hari. Ideal untuk pemula yang ingin memulai perjalanan dalam pengembangan web.

HTML & CSS Dasar Januari 30, 2025 0 102 Tambahkan ke Daftar Bacaan

Apa Itu HTML?

HTML, atau HyperText Markup Language, adalah bahasa standar yang digunakan untuk membuat halaman web. Jika kita membayangkan sebuah halaman web sebagai sebuah rumah, maka HTML adalah kerangka atau struktur dasar rumah tersebut. Tanpa HTML, halaman web tidak akan bisa ditampilkan dalam bentuk yang terstruktur.

HTML menggunakan elemen-elemen tertentu untuk menyusun teks, gambar, link, tabel, dan berbagai konten lainnya yang bisa dilihat di browser. Di dalam HTML, kita menulis markup yang memberi tahu browser bagaimana menampilkan konten tersebut.

Mengapa HTML Penting?

Bayangkan Anda sedang membaca artikel di internet. Bagaimana teks, gambar, dan link bisa muncul dengan format yang rapi? Itu semua terjadi karena HTML yang bekerja di balik layar. HTML memberi struktur kepada konten, sementara CSS (Cascading Style Sheets) memberi desain atau tampilan, dan JavaScript menambah interaktivitas.

Contoh Sederhana HTML

Mari kita lihat contoh struktur dasar HTML:

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contoh Halaman HTML</title>
</head>
<body>
    <h1>Selamat Datang di Kursus HTML</h1>
    <p>Ini adalah paragraf pertama saya!</p>
</body>
</html>

Penjelasan:

<!DOCTYPE html>: Memberitahukan bahwa ini adalah dokumen HTML5.
<html lang="id">: Menandakan bahwa bahasa utama dari halaman ini adalah bahasa Indonesia.
<head>: Berisi informasi meta, seperti encoding karakter dan judul halaman.
<body>: Menyimpan semua konten yang muncul di halaman, seperti teks, gambar, atau video.

Apa Itu Elemen HTML?

Di HTML, elemen adalah komponen dasar. Setiap elemen dibangun menggunakan tag pembuka dan penutup. Misalnya, <h1> adalah tag pembuka untuk judul besar, dan </h1> adalah tag penutupnya.

Contoh:

<h1>Judul Besar</h1>
<p>Ini adalah paragraf.</p>

HTML dan Browser

Setiap kali Anda membuka sebuah situs web, browser akan membaca kode HTML dan menampilkan konten berdasarkan struktur yang sudah ditentukan. Jadi, tanpa HTML, tidak ada yang bisa tampil di browser.