Struktur Dasar HTML: Memahami Tag dan Elemen

Ibnusta
Ibnusta
Mei 21, 2024
Struktur Dasar HTML

Struktur Dasar HTML: Memahami Tag dan Elemen

HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk membuat halaman web. Dalam artikel ini, kita akan mempelajari struktur dasar HTML serta memahami apa itu tag dan elemen.

Apa Itu Tag?

Tag adalah dasar dari HTML. Tag digunakan untuk menandai awal dan akhir dari suatu elemen HTML. Tag biasanya ditulis dalam tanda kurung sudut (< >). Sebagai contoh:

<p>Ini adalah paragraf.</p>

Di sini, <p> adalah tag pembuka dan </p> adalah tag penutup untuk elemen paragraf.

Memahami Elemen HTML

Elemen HTML adalah segala sesuatu dari tag pembuka hingga tag penutup, termasuk konten di dalamnya. Berikut contoh elemen lengkap:

<a href="https://ibnusta.com">Klik di sini</a>

Elemen di atas adalah elemen link yang mengarahkan pengguna ke "https://example.com" ketika diklik.

Struktur Dasar Dokumen HTML

Berikut adalah contoh struktur dasar dari dokumen HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Judul Halaman</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>Ini adalah paragraf pertama saya.</p>
</body>
</html>

Dokumen di atas dimulai dengan deklarasi <!DOCTYPE html> yang memberitahu browser bahwa ini adalah dokumen HTML5. Tag <html> adalah root dari dokumen HTML, diikuti oleh <head> yang berisi informasi meta dan <body> yang berisi konten halaman.

Penutup

Memahami struktur dasar HTML serta tag dan elemen adalah langkah pertama dalam belajar membangun halaman web. Dengan pemahaman ini, Anda dapat mulai membuat dokumen HTML sederhana dan kemudian beralih ke topik yang lebih kompleks.