» » Mengenal Dasar HTML: Tag, Elemen, dan Struktur Utama

Mengenal Dasar HTML: Tag, Elemen, dan Struktur Utama

 

HTML (HyperText Markup Language) adalah bahasa standar untuk membuat dan merancang halaman web. HTML ini berfungsi sebagai kerangka dasar untuk mendiskripsikan struktur dan isi halaman website. Untuk memahami apa itu HTML, kita perlu memulai dari dua konsep fundamental: Tag dan Element.

Apa itu Tag HTML ?
Tag adalah penanda perintah yang digunakan dalam HTML untuk memberi tahu browser cara menampilkan konten. Setiap tag dikelilingi oleh kurung sudut (< dan >).
Sebuah tag biasanya memiliki tag pembuka (misalnya, <p> ) dan tag penutup (misalnya, </p>).

kemudian apa itu Element HTML ?
Sebuah Elemen HTML adalah gabungan dari tag pembuka, konten, dan tag penutup.


<tagpembuka>Konten HTML di sini</tagpenutup>

Dari contoh diatas ini bisa kita pahami bahwa Elemen html terdiri dari tag pembuka - konten - tag penutup.

Tetapi dalam HTML ada juga yang namanya Void Element. Apa itu Void Element ?
Void Element adalah tag HTML yang tidak perlu memiliki konten didalamnya. contohnya tag <br> atau <br/> , tag ini digunakan untuk membuat enter atau berganti baris dalam html, void element tidak perlu isi konten dan juga tidak harus menggunkan tag pembuka dan tag penutup.

Setelah kita sedikit memahami tentang apa itu tag, element,dan void element html maka kita akan lebih mudah untuk memahami struktur dari HTML tersebut.
perhatikan contoh struktur sederhana dari struktur HTML dibawah ini

html 

<html>
<head>
  <title>Judul Halaman</title>
</head>
<body>

  <h1>Judul Saya yang Pertama</h1>
  <p>Paragraf saya yang pertama.</p>

</body>
</html>
Penjelasan struktur utama HTML
  • <html> : Ini merupakan elemen utama yang membungkus seluruh konten HTML pada halaman.
  • <head> : Bagian ini berisi metadata tentang dokumen yang tidak terlihat langsung oleh pengunjung di halaman, seperti judul halaman, charset, dan tautan ke file CSS atau JavaScript.
  • <title> : Elemen ini menentukan judul halaman yang akan ditampilkan di tab judul browser.
  • <body> : Ini adalah elemen utama yang berisi semua konten yang terlihat oleh pengguna di halaman web, seperti teks, gambar, tautan, dan video.

Berikut penjelasan melalui video


Langganan: Posting Komentar (Atom)