Laman layout adalah bagian dari design grafik yang berkaitan dengan pengaturan visual elemen dari laman web. Page layout digunakan untuk membuat laman agar terlihat lebih menarik. Layout berfungsi mengatur kebakuan dari keseluruhan tampilan, kepentingan relatif, dan hubungan antara elemen grafik untuk mendapatkan informasi yang mudah dipahami oleh user secara efektif dan memiliki dampak.
Informasi Page Layout:
satu, Header: Merupakan bagian dari front end yang digunakan pada posisi bagian atas dari laman web. Tag <header> digunakan untuk menambahkan bagian header pada laman web.
dua, Navigation bar: Bar navigasi memiliki fungsi sama seperti daftar menu yang digunakan untuk menampilkan konten informasi dengan menggunakan hyperlink (link).
tiga, Index/Sidebar: Mengandung informasi tambahan atau iklan dan merupakan bagian penting untuk ditambahkan pada laman web.
empat, Content section: Merupakan bagian utama dimana konten pada web atau blog akan ditampilkan.
lima, Footer: Bagian ini mengandung informasi kontak dan query lainnya yang masih berhubungan dengan laman web. Footer selalu diletakkan dibagian akhir atau bawah dari laman web. Tag <footer> digunakan untuk mengatur bagian footer pada laman web.
contoh:
Output:
![]() |
Gambar 1 layout pada html |
Informasi Page Layout:
satu, Header: Merupakan bagian dari front end yang digunakan pada posisi bagian atas dari laman web. Tag <header> digunakan untuk menambahkan bagian header pada laman web.
dua, Navigation bar: Bar navigasi memiliki fungsi sama seperti daftar menu yang digunakan untuk menampilkan konten informasi dengan menggunakan hyperlink (link).
tiga, Index/Sidebar: Mengandung informasi tambahan atau iklan dan merupakan bagian penting untuk ditambahkan pada laman web.
empat, Content section: Merupakan bagian utama dimana konten pada web atau blog akan ditampilkan.
lima, Footer: Bagian ini mengandung informasi kontak dan query lainnya yang masih berhubungan dengan laman web. Footer selalu diletakkan dibagian akhir atau bawah dari laman web. Tag <footer> digunakan untuk mengatur bagian footer pada laman web.
contoh:
Output:
![]() |
Gambar 1 penggunaan layout untuk mengatur tata letak html |
Tidak ada komentar:
Posting Komentar
Respon komentar 7 x 24 jam, so please be patient :D