Cara Membuat Tabel HTML CSS BatuLandak.id

oleh

tabel-html

Tabel merupakan kumpulan data informasi yang disusun saling berhubungan berdasarkan baris dan kolom dalam HTML yang ada di halaman web.  Artikel sebelumnya kita sudah belajar membahas Cara Membuat Tabel HTML di web. Pada kesembatan ini saya akan berbagi  tutorial Bagimana membuat tabel HTML dengan Style CSS. Di materi sebelumnya membuat tabel HTML tanpa CSS tentu masih kurang menarik untuk dilihat. Sekarang bagaimana membuat tabel HTML menarik dengan element CSS (style sheet).  Sebelum saya mulai saya jelaskan terlebih dahulu dibawah ini tag HTML dan elemen CSS untuk membuat tabel agar terlihat menarik.

Penjelasan Tag Tabel HTML

  • Tag
    digunakan untuk memulai tabel
  • Tag
    • adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
  • Tag
    • adalah tag yang digunakan untuk mengelompokkan header dan format konten sebagai kesatuan header (kepala) dari tabe

    Untuk scriptnya bisa langsung lihat dibawah ini

    

Untitled Document
 



    Gambar Tabel HTML Dengan CSS
    adalah singkatan dari table data, digunakan untuk menginput data ke tabel.
  • Tag  
    • header
    5 6 7
    8 9 10

Perhatikan script tabel css yang menarik diatas, Untuk penggunaan elemen css ada dibawah tag dan diatas berwarna merah. Dari element css diatas bisa anda kembangkan seperti background-color, border-color bisa anda rubah sesuai keinginan anda.

Demikian tutorial bagimana membuat tabel dengan css yang menarik untuk dilihat. Semoga ini bisa bermanfaat dan jika kurang jelas bisa comment dibawah ini.

Tinggalkan komentar