Setiap kita jumpai bermacam-macam website, pasti disana terdapat elemen dalam layout halaman web yang mana hampir setiap halaman web mempunyai layout yang berbeda-beda. Semua website memiliki gaya yang unik dalam mengatur layoutnya masing-masing.
Sebelum membahas mengenai layout itu sendiri, dalam postingan kali ini akan dibahas elemen apa saja yang harus ada atau wajib terdapat dalam sebuah layout halaman web.
<Head> : Elemen Header
Dalam elemen ini terkandung berbagai informasi mengenai halaman web yang berisi nama halaman (title) dan penjelasan lain. Dalam elemen ini sering dimasukkan tag title karena tag ini berfungsi sebagai judul atau nama halaman. Untuk penulisannya elemen ini diawali dengan tag pembuka <head> dan ditutp dengan tag </head>.
Perhatikan area yang diblok dengan warna hijau, segala tulisan apapun yang kita ketik diantara tag title akan muncul di area itu.
<body> : Elemen Konten
Dalam postingan Atribut Dalam Elemen HTML anda pasti telah menemui tag <body> fungsi dari tag ini adalah untuk menunjukkan isi utama dari halaman web. Apapun yang anda isikan dalam tag ini akan ditampilkan dalam halaman utama dari web browser.
Sekarang perhatikan area yang diblok dengan warna merah muda, segala tulisan apapun yang kita ketik diantara tag body akan muncul di area itu.
Untuk lebih jelasnya, silahkan anda jalankan skrip dibawah ini, dan edit dibagian Tag Title atau Tag Body dan lihat perubahannya.
<html> <head> <title> Ini Adalah Title </title> </head> <body> <h1> Ini adalah Main Heading</h1> <p> Isi dari Main Heading, bisa berupa kata pembuka atau penjelas dari Main Heading, jika penjelasan terlalu panjang maka akan di bagi menjadi beberapa Sub-Heading.<p> <h2>Ini Adalah Sub-Heading</h2> <p>Kebanyakan artikel yang panjang memiliki sub-headings untuk membantu Anda mengikuti struktur apa yang sedang ditulis. Bahkan mungkin sub-sub-headings (atau tingkat yang lebih rendah Dari headings). </p> <h2> Sub-Heading Tambahan</h2> <p>Disini anda dapat melihat sub-heading tambahan.</p> </body> </html>
Selain elemen-elemen diatas masih terdapat elemen yang lain yaitu elemen navigasi, elemen sidebar dan elemen footer. Pada artikel kali ini kita tidak membahas dulu elemen tersebut, dan akan dibahas pada postingan berikutnya yang khusus membahas lebih dalam mengenai layout HTML.
Happy Nyekrip!.
sangat membantu , terimakasih
terimakasih banyak atas sharing ilmu ini.