Cara Membuat Basic Pagination dengan W3.CSS

Yang namanya cinta itu aneh. Dia dapat datang di dikala kita tak membutuhkan nya, tapi dia dapat pergi di dikala kita benar2 membutuhkannya. Di kesempatan kali ini saya akan berbagi ilmu kepada kalian mengenai bagaimana Cara Membangun Basic Pagination dengan W3.CSS.



Di udah tau kan apa itu pagination? Singkat aja pagination itu tombol bagi pindah ke halaman yang mempunyai lebih dari 1 halaman. Pagination pun mempunyai banyak model ya teman-teman. Namun disini kita merancang pagination yang basic aja dulu ya hehe.


Oke seketika aja, berikut Cara Membangun Basic Pagination dengan W3.CSS.



Pertama-tama-tama, silahkan teman-teman siapkan file index.html nya.



Kemudian, isi di bagian <head> link library W3.CSS nya.



<link rel=stylesheet href=http://www.w3schools.com/lib/w3.css>


Setelah itu, isi di bagian <body> tag-tag berikut,



<div class=w3-container>
<h2>Pagination</h2>
<p>Ini yaitu pagination</p>

<ul class=w3-pagination>
<li><a href=#>1</a></li>
<li><a href=#>2</a></li>
<li><a href=#>3</a></li>
<li><a href=#>4</a></li>
<li><a href=#>5</a></li>
</ul>
</div>


Bagaimana teman-teman bagi Cara Membangun Basic Pagination dengan W3.CSS nya? lumayan gampang bukan?



Sekianlah bagi panduan kali ini ya, semoga bermanfaat.



Terima kasih




Sumber https://kursuswebsite.org

Popular posts from this blog

Membuat Form Menarik Menggunakan HTML dan CSS

Cara Menghapus Isi Dari Form Input Menggunakan Javascript