HTML Syntax Demo

📝 Basic Structure

💡 Struktur Fundamental

Setiap dokumen HTML memerlukan struktur dasar yang terdiri dari deklarasi DOCTYPE, elemen HTML, HEAD, dan BODY.

index.html

          
            <!DOCTYPE html>

            <html lang="en">

            <head>

              <meta charset="UTF-8">

              <meta name="viewport" content="width=device-width, initial-scale=1.0">

              <title>Document</title>

            </head>

            <body>

              <!-- Your amazing content goes here -->

              <h1>Welcome to HTML!</h1>

              <p>This is your first paragraph.</p>

            </body>

            </html>

🔍 Penjelasan Detail:

• <!DOCTYPE html> - Mendeklarasikan dokumen sebagai HTML5
• <html lang="en"> - Elemen root dengan atribut bahasa
• <head> - Berisi metadata yang tidak ditampilkan di halaman
• <meta charset="UTF-8"> - Mengatur encoding karakter
• <meta name="viewport"> - Penting untuk responsif design
• <title> - Judul yang muncul di tab browser
• <body> - Semua konten yang terlihat di halaman web

⚡ Pro Tips

Selalu gunakan struktur ini sebagai template dasar. Meta viewport sangat penting untuk pengalaman mobile yang optimal!