Struktur Dasar HTML

HTML memiliki struktur dasar yang memungkinkan Anda untuk meletakan tag-tag tertentu untuk keperluan tampilan halaman kepada pengguna dan Search Engine Optimization jika Anda ingin meningkatkan halaman di Search Engine seperti Google.

Daftar isi:

Contoh struktur dasar HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Sekolah Program</title>
    </head>
    <body>
        <p>isi konten paragraf</p>
    </body>
</html>

Tag <!DOCTYPE html>

Tag <!DOCTYPE html> untuk mendefinisikan bahwa dokumen HTML yang Anda buat untuk HTML5. Tag tersebut akan memberi tahu browser bahwa dokumen web yang Anda buat itu adalah dokumen HTML5. Tetapi kalau Anda ingin menggunakan HTML5 maka Anda sudah mengetahui tag HTML mana yang baru dan tag yang sudah dihapus.

Tag <html>

Tag <html> adalah elemen utama atau root dalam sebuah dokumen HTML. Semua elemen yang ada semua ada di dalam tag <html>. Tag tersebut di awali dengan tag <html> dan diakhiri dengan tag </html>.

Fungsi tag <head>

Tag <head> merupakan elemen berisi informasi tentang halaman web. Fungsinya sangat banyak salah satunya untuk kebutuhan Search Engine Optimization agar halaman web Anda bisa menjadi top artikel di halaman Google. Selain itu juga untuk meletakan skrip CSS atau JavaScript baik secara internal dan eksternal. Berikut contohnya:

<head>
    <!-- akan memberikan judul web di bagian tab browser Anda -->
    <title>Sekolah Program</title>

    <!-- ini akan memberikan deskripsi dari halaman web -->
    <meta name="description" content="Struktur dasar HTML">

    <!-- membuat CSS secara internal -->
    <style>
        p {
            color: blue;
        }
    </style>
</head>

Catatan: Search Engine Optimization bisa Anda oktimalkan dibagian tag <head> dengan menggunakan meta tag kebutuhan SEO.

Fungsi tag <body>

Tag <body> adalah sebuah wadah untuk semua isi konten yang akan ditampilkan. Jadi Anda bisa menampilkan judul, paragraf, gambar, formulir, tabel, dan informasi lainnya. Lihat contoh berikut:

<body>
    <h1>Judul halaman</h1>
    <p>Definisi konten dari judul halaman</p>
</body>

profil

DITULIS OLEH

Febri Hidayan

Berikan saya sponsor terbaik Anda agar saya tetap semangat menulis artikel yang bermanfaat. Terimakasih 😊