Belajar HTML Elemen head
Elemen <head>
Elemen <head> pada berkas HTML berfungsi sebagai tempat disimpannya informasi dari dokumen HTML. Informasi dapat berupa elemen meta, style, atau link. Dan juga pada elemen ini judul dari dokumen HTML didefinisikan dengan menggunakan elemen <title>. Berikut contoh elemen yang berada pada konten head:
- <title>
- <style>
- <base>
- <link>
- <meta>
- <script>
- <noscript>
Pada HTML versi 4.01, elemen <head> wajib ada dalam sebuah berkas HTML. Berikut contoh penulisan sebuah elemen <head> beserta contoh konten di dalamnya:
- <head>
- <meta charset="utf-8">
- <title>Judul halaman</title>
- <style> belajar html </style>
- </head>
Tetapi sejak HTML5, penggunaan <head> dapat dihilangkan. Sehingga struktur dasar berkas HTML menjadi seperti ini:
- <!DOCTYPE html>
- <html>
- <meta charset="utf-8">
- <title>Judul halaman</title>
- <style> Style </style>
- <body>
- <h1>Heading Utama</h1>
- <p>Sebuah Paragraph.</p>
- </body>
- </html>
Elemen <body>
Seluruh konten yang terdapat pada elemen ini akan ditampilkan pada halaman website. Maka dari itu, elemen ini digunakan untuk menampung seluruh konten atau elemen yang ditampilkan ke dalam jendela browser. Silakan coba tuliskan kode berikut, simpan dalam format HTML dan jalankan pada browser:
- <html>
- <head>
- <title>Ini adalah judul dari HTML yang nantinya akan di tampilkan</title>
- </head>
- <body>
- <h1>header(judul) yang diletakan di dalam elemen isi(body)</h1>
- <p>ini merupakan sebuah paragraf yang isi nya bebas di deklarasikan.</p>
- </body>
- </html>
No comments