Struktur Dasar HTML
Kamis, 27 Februari 2025
Kita lanjut bahas sedikit tentang struktur dasar pada HTML ya. Buat yang belum baca postingan sebelumnya tentang Apa itu HTML bisa cek di sini https://ryunze.blogspot.com/2025/02/apa-itu-html.html
Struktur Dasar
<!DOCTYPE html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Penjelasan
<!DOCTYPE html> </html>
Sebagai pembungkus utama dari semua element.
<head> </head>
Menyimpan berbagai informasi terkait website kita. Misal judul, pemanggilan file lain, dan masih banyak lagi. Ini lumayan panjang tapi untuk sekarang, dua fungsi tersebut yang paling dasar.
<title> </title>
Menampilkan judul dari website. Biasanya akan nongol di tab browser.
<body> </body>
Dari namanya aja pasti sudah tau gunanya. Di sinilah semua element yang akan ditampilkan langsung ke browser. Baik tulisan sampai gambar akan ditaruh dalam sini.
Komentar
Ini berfungsi untuk menandakan bagian kode yang penting atau rumit dipahami. Misal kita punya element yang isinya ada banyak element lain, kita bisa tulis komentar sebagai "dokumentasi" agar nanti kita ga bingung, atau bisa aja ada yang baca kode kita jadi lebih mudah dimengerti.
Penulisan komentar dimulai dengan tanda <!-- dan diakhiri dengan tanda --> ditengahnya adalah isi dari komentar. Contoh seperti berikut.
<!-- Ini adalah Card Post dan ini juga adalah komentar -->
<div class="card">
<h2>Belajar HTML Dasar</h2>
<div class="card-body">
<p>Halo, kita akan belajar HTML Dari dasar.</p>
</div>
</div>
Selamat mencoba.