Tabel adalah elemen penting pada sebuah website. Tabel adalah sbagai pengatur tata letak menu bagi pengunjung untuk menjelajah dan menemukan hal yang dicarinya pada sebuah website dll. Dengan CSS kita bisa membuat menu menjadi lebih menarik, dan lebih menyatu dengan keseluruhan desain website.
langsung saja kita coba buat tabelnya:
- pertama kita buat tag html nya di file php, adapun nama filenya terserah anda, disini saya memberi nama “table.php” pada file php saya, buka file php yang sudah anda buat di notepad atau aplikasi lain untuk pengcodingan.
- buat rancangan setandart html seperti ini:
- kemudian kita buat tabelnya di antara tag body, buat tag html tabelnya seperti ini:
- maka hasilnya akan muncul seperti ini:
- tmpilan tabel di atas adalah tampilan standart, ada pun cara memper indahnya kita gunakan CSS. sebelum kita buat CSS nya, kita tambahkan dulu link CSSnya di tag head, seperti contoh berikut ini
- setelah kita tambahkan link CSS seperti di atas maka sekarang kita tinggal membuat file CSS, adapun nama filenya sesuai dengan yang kita ketikkan di link CSS pada file php, di sini saya memberi nama “table.css”, jika sudah di buat maka sekarang barulah kita edit tabelnya melalui CSS. buka file “table.css” di notepad atau aplikasi coding yang lainya.
- buat script CSS spt ini:
- maka hasil tabel yang baru kita buat tadi akan berubah menjadi seperti ini:
Nb:kode CSS dpt diganti sesuai dengan kreasi anda.
Tidak ada komentar:
Posting Komentar