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.

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

Baca Juga : Cara Membuat Navbar Responsive Website HTML CSS Sederhana

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 :

  1. Tag css Background untuk menambah warna bagian footer
  2. Tag css Text Align untuk memberikan efek posisi text option : center, left, right
  3. Tag css Color untuk memberikan warna pada text 
  4. 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 GaPunyaKode</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

Silahkan berkomentar Sob tapi untuk beberapa komentar yang tidak sesuai seperti link aktif dan hal-hal yang tidak baik tidak akan ditampilkan !. Terima kasih

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel