Bagaimana Menyusun Dokumen HTML Baru

HTML (HyperText Markup Language) adalah tulang punggung konten web, menyediakan struktur pada informasi yang ditampilkan di situs web. Setiap dokumen HTML mengikuti struktur dasar yang mencakup elemen-elemen penting. Mari kita selidiki komponen-komponen utamanya.

1. '<!DOCTYPE html>'

Deklarasi ini mendefinisikan jenis dokumen dan versi HTML yang digunakan. Untuk halaman web modern, biasanya menggunakan '<!DOCTYPE html>'.

2. '<html>'

Elemen root merangkum seluruh dokumen HTML.

3. '<head>'

Bagian kepala berisi informasi meta tentang dokumen, seperti judul, kumpulan karakter, dan lembar gaya tertaut.

4. '<title>'

Elemen ini menentukan judul dokumen HTML yang muncul di tab atau jendela browser.

5. '<body>'

Elemen body berisi konten dokumen HTML, termasuk teks, gambar, link, dan lainnya.

Contoh Dokumen HTML

Sekarang, mari kita gabungkan semuanya dalam sebuah contoh:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My HTML Document</title>
</head>
<body>
    <h1>Welcome to My Website</h1>
    <p>This is a simple example of an HTML document.</p>
    <img src="example.jpg" alt="An example image">
    <a href="https://www.example.com">Visit Example.com</a>
</body>
</html>

Dalam contoh ini, ganti "My HTML Document" dengan judul yang Anda inginkan dan sesuaikan konten dalam '<body>'. Memahami struktur dasar ini meletakkan dasar untuk membuat halaman web yang terorganisir dengan baik dan bermakna secara semantik.

Bonus: Tag Penutup

Saat membuat halaman HTML, penting untuk memastikan bahwa semua tag ditutup dengan benar, untuk menghindari masalah aliran halaman dan rendering. Untuk membantu tugas ini, periksa Alat Pemeriksa Tag Tidak Tertutup HTML kami untuk mengetahui masalah struktural dalam kode HTML Anda.

html dokumen kepala badan meta judul div p img a h1 lang charset area pandang