Cara Membuat Footer Web HTML Sederhana
Pada post sebelumnya Saya sudah mengulas bagaimana membuat tampilan web, dan membuat header beserta bagian body. Pada kesempatan kali ini Saya akan mengajak Anda untuk mengulas tentang cara membuat footer web sederhana menggunakan html.
langsung saja yah karena mungkin banyak orang yang tidak suka membaca artikel yang panjang lebar termasuk saya . hehe
Hal pertama yang perlu dipersiapkan untuk membuat footer adalah kerangka webnya dahulu, jika belum mempunya di postingan sebelumnya sudah ada kok coba deh cek postingan sebelumnya. Kode html nya kurang lebih seperti ini :
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Nah seperti itu
selanjutnya kita akan membuat kode untuk bagian footer, kita akan menambahkan kode seperti ini :
<footer> isi </footer>
Kode tersebut letakan sebelum tag </body>, untuk mempercantiknya kita bisa beberapa css :
Membuat web sendiri memang banyak membutuhkan waktu, tahap demi tahap harus dilalui. Membuat kerangka webnya, membuat kode tampilannya, membuat logika untuk sistemnya, masih banyak lagi yang perlu dipersiapkan.
Terima Kasih sudah berkunjung ...
Saya akui sebenarnya sudah banyak konten lain yang mungkin lebih lengkap dan lebih bagus dari ini. Namun alangkah baiknya saya mendokumentasikan dan berbagi beberapa pengetahuan saya yang masih jauh dari kata luas ini
langsung saja yah karena mungkin banyak orang yang tidak suka membaca artikel yang panjang lebar termasuk saya . hehe
Hal pertama yang perlu dipersiapkan untuk membuat footer adalah kerangka webnya dahulu, jika belum mempunya di postingan sebelumnya sudah ada kok coba deh cek postingan sebelumnya. Kode html nya kurang lebih seperti ini :
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Nah seperti itu
selanjutnya kita akan membuat kode untuk bagian footer, kita akan menambahkan kode seperti ini :
<footer> isi </footer>
Kode tersebut letakan sebelum tag </body>, untuk mempercantiknya kita bisa beberapa css :
- Tag css Background untuk menambah warna bagian footer
- Tag css Text Align untuk memberikan efek posisi text option : center, left, right
- Tag css Color untuk memberikan warna pada text
- Tag css Padding untuk mengatur posisi agar tampilannya kelihatan baik, tag ini banyak digunakan jadi coba saja untuk bereksperimen
Berikut kodenya :
<footer style="background: blue; color: #fff; padding: 10px; text-align: center;">
<p>Powered By androitechnoku</p>
</footer>
Selesai sudah rangkaian awal tentang membuat website sederhana, kalau dilihat lagi jauh dari kata sempurna yah hehe...
Membuat web sendiri memang banyak membutuhkan waktu, tahap demi tahap harus dilalui. Membuat kerangka webnya, membuat kode tampilannya, membuat logika untuk sistemnya, masih banyak lagi yang perlu dipersiapkan.
Terima Kasih sudah berkunjung ...
0 Response to "Cara Membuat Footer Web HTML Sederhana "
Post a Comment