Apa si yang di pelajari dalam artikel kali ini, kali ini kita akan belajar cara membuat struktur halaman HTML menggunakan semantic tag HTML5, kenapa harus ini, karena setelah kita kemarin atau dalam artikel kemarin-kemarin dan banyak modul yang telah mempelajari tentang tag, fungsi tag, dan lain-lain padahal semua itu untuk membuat sebuah tampilan website, tapi terkadang kita bingung membuat tampilan website seperti apa baiknya, oke kali ini kita membahas itu, jadi jangan kemana-mana simak terus ya teman-teman.

belajar cara membuat struktur halaman HTML menggunakan semantic tag HTML5, tidak lain adalah untuk menyatukan semua tag yang sudah kita pelajari, tapi tidak semua ya teman-teman, sesuai kebutuhan saja. Kita akan melihat bagaimana setiap tag HTML disatukan ke dalam sebuah halaman utuh. Oke yang pertama kita harus mengenal dahulu struktur Halaman Web,  Seperti yang umum kita lihat, sebuah halaman website terdiri dari struktur halaman seperti header, footer, sidebar, dst. Struktur-struktur ini juga di buat dengan HTML.

Dalam proses pembuatan website, penempatan dari struktur ini dikenal dengan pembuatan layout, yakni bagaimana tampilan website yang akan dibuat. Apakah nantinya logo website ditempatkan di sebelah kiri atau di bagian tengah, apakah website memiliki 1 atau 3 sidebar, bagaimana tampilan dari footer, dll. Sebagai contoh kasus, saya akan merancang sebuah tampilan layout halaman seperti gambar dibawah ini:

cara membuat struktur halaman HTML menggunakan semantic tag HTML5

Walaupun kita tidak menambahkan keterangan apapun, tapi anda sudah bisa menebak fungsi dari setiap kotak dari gambar diatas. Ini adalah sebuah layout lengkap dari website modern yang sering kita jumpai.  Pada bagian atas terdepat header yang terdiri dari logo dan menu navigasi. Dibagian tengah terdapat konten utama (biasanya berupa artikel) dan sebuah sidebar disebelah kanan. Dibagian bawah adalah kolom footer yang digunakan untuk menampilkan fungsi tambahan dan teks copyright. Oke teman-teman saya rasa cukup sampai disini dulu belajar kita tentang cara membuat struktur halaman HTML menggunakan semantic tag HTML5, semoga bermanfaat dan sampai jumpa di artikel saya selanjutnya terimakasih