Struktur tag HTML mengacu pada cara tag HTML ditempatkan dan terorganisir dalam sebuah halaman web. Setiap tag HTML menandai elemen tertentu dalam halaman dan memiliki peran tertentu dalam menentukan struktur, tampilan, dan perilaku konten.
Berikut adalah komponen-komponen utama dalam struktur tag HTML:
Tag Pembuka dan Penutup:
- Setiap elemen HTML dimulai dengan tag pembuka dan diakhiri dengan tag penutup yang sesuai.
- Tag pembuka ditandai dengan tanda "<" diikuti dengan nama elemen, kemudian diakhiri dengan tanda ">".
- Tag penutup memiliki format yang serupa, tetapi ditandai dengan tanda "</" sebelum nama elemen, kemudian diakhiri dengan tanda ">".
- Contoh:
<h1>Ini adalah judul</h1>
Elemen HTML Bersarang:
- Elemen HTML dapat bersarang satu sama lain untuk membentuk struktur yang lebih kompleks.
- Elemen yang berada di dalam elemen lain disebut sebagai elemen anak atau elemen bertingkat lebih dalam.
- Contoh:
<div><p>Ini adalah paragraf dalam div</p></div>
Elemen Root:
- Elemen root adalah elemen teratas dalam struktur halaman web.
- Dalam HTML, elemen
<html>berperan sebagai elemen root. - Semua elemen lainnya ditempatkan di dalam elemen
<html>. - Contoh:
- html
<!DOCTYPE html> <html> <head> <title>Judul Halaman</title> </head> <body> <!-- Konten halaman --> </body> </html>
Elemen Head dan Body:
- Elemen
<head>berisi informasi meta tentang halaman web, seperti judul, tautan ke stylesheet, dan skrip JavaScript. - Elemen
<body>berisi konten yang akan ditampilkan di halaman web, seperti teks, gambar, tautan, dan elemen lainnya. - Contoh:
- html
<html> <head> <title>Judul Halaman</title> <!-- Informasi lainnya --> </head> <body> <!-- Konten halaman --> </body> </html>
- Elemen
Atribut:
- Atribut memberikan informasi tambahan tentang elemen dan mengubah perilaku atau tampilannya.
- Atribut ditempatkan di dalam tag pembuka elemen dengan format "namaatribut=nilaiatribut".
- Beberapa atribut umum termasuk
class,id,src,href, danstyle. - Contoh:
<img src="gambar.jpg" alt="Gambar" class="gambar-utama">
Struktur tag HTML yang baik dan terorganisir membantu memperjelas struktur halaman web dan memudahkan pengembangan dan pemeliharaan.
Tags
HTML