Halo! kamu pasti pernah melihat atau mengakses suatu website bukan? Nah, website sendiri tidak lepas dari struktur yang membuatnya dapat ditampilkan dengan baik. Ibarat rumah yang yang memiliki pondasinya sebagai penopangnya, website juga punya html sebagai pengatur strukturnya sehingga element dapat ditampilkan dengan baik.
HTML, atau Hypertext Markup Language, adalah bahasa markup yang menjadi tulang punggung setiap halaman web di internet. Di dalam artikel ini kita akan mengenal struktur dasar HTML yang wajib kamu ketahui sebelum lebih lanjut belajar tentang web development.
Apa Itu HTML?
HTML adalah bahasa markup yang digunakan untuk membuat dan mengatur struktur konten sebuah halaman web. Dengan HTML, kita bisa menentukan elemen-elemen seperti teks, gambar, link, dan elemen lainnya. Pada dasarnya, HTML memberikan "petunjuk" pada browser bagaimana tata letak dan tampilan halaman web seharusnya.
Struktur Dasar HTML
Struktur dasar HTML terdiri dari beberapa elemen utama yang membentuk kerangka dasar sebuah halaman web. Berikut adalah struktur dasar HTML:
1. <!DOCTYPE html>
Elemen ini memberi tahu browser bahwa halaman web menggunakan versi HTML terbaru. Ini adalah langkah pertama yang harus ada di setiap dokumen HTML.
2. <html>
Elemen <html> menyatakan bahwa ini adalah awal dari dokumen HTML. Semua elemen lainnya akan berada di dalam elemen ini.
3. <head>
Elemen <head> berisi informasi-informasi terkait dokumen, seperti judul halaman, link ke stylesheet (CSS), dan meta informasi lainnya.
4. <title>
Elemen <title> digunakan untuk menentukan judul halaman web yang akan ditampilkan di tab browser. Judul ini juga menjadi penting untuk optimasi mesin pencari (SEO).
5. <body>
Elemen <body> berisi semua konten yang akan ditampilkan di halaman web, seperti teks, gambar, dan elemen-elemen lainnya.
Contoh Penerapan HTML Sederhana
Berikut adalah contoh struktur dasar HTML yang sederhana:
Tampilan web kurang lebih akan seperti berikut
Dalam contoh ini, terdapat elemen-elemen dasar HTML yang membentuk sebuah halaman web dengan judul, teks, dan gambar.
Kesimpulan
Mengenal struktur dasar HTML adalah langkah awal yang menyenangkan dalam memahami dasar-dasar pembuatan halaman web. Dengan HTML, kita bisa merancang dan membuat halaman web sesuai dengan keinginan.
So, selamat belajar HTML dan selamat menciptakan dunia webmu sendiri! Kamu bisa melihat Belajar Web sebagai panduan kamu belajar web programming