HTML Dasar | #3 Struktur Dokumen

pada tanggal
Struktur Dokumen HTML
Thumbnail Struktur Dokumen HTML

Struktur Dokumen HTML

Tag <html>, <head>, dan <body>

Setiap dokumen HTML dimulai dengan tag <html>. Di dalamnya terdapat dua bagian utama: bagian <head> dan <body>.

Tag <head> berisi informasi metadata tentang dokumen, seperti judul, karakter set, dan stylesheet. Sedangkan tag <body> berisi konten yang akan ditampilkan di halaman web.

Contoh Struktur Dasar:


<html>
    <head>
        <title>Judul Halaman</title>
    </head>
    <body>
        <h1>Selamat Datang di Halaman Saya</h1>
        <p>Ini adalah paragraf pertama.</p>
    </body>
</html>

Menambahkan Judul dengan Tag <title>

Tag <title> digunakan untuk memberikan judul pada halaman web. Judul ini akan ditampilkan di tab browser dan juga akan muncul di hasil pencarian mesin pencari.

Contoh:


<head>
    <title>Judul Halaman Web</title>
</head>

Menggunakan Tag <meta>

Tag <meta> digunakan untuk memberikan informasi tambahan tentang dokumen HTML, seperti deskripsi, kata kunci, dan karakter set. Tag ini ditempatkan di dalam bagian <head>.

Contoh Penggunaan Tag <meta>:


<head>
    <meta charset="UTF-8">
    <meta name="description" content="Ini adalah deskripsi halaman web">
    <meta name="keywords" content="HTML, CSS, JavaScript">
</head>

Tag <meta> yang pertama mengatur karakter set yang digunakan dalam dokumen, sedangkan yang kedua dan ketiga memberikan informasi tentang deskripsi dan kata kunci untuk SEO.

Dengan memahami struktur dasar dokumen HTML, Anda dapat mulai menyusun halaman web yang lebih kompleks dan fungsional.

Komentar

Posting Komentar