Membuat Tabel, Baris, dan Kolom pada HTML

Bagaimana membuat sebuah tabel di html?baris?kolom?
Perkembangan teknologi berkembang begitu pesat. Tidak ada batasan dalam pembahasan sebuah teknologi, setiap waktu pasti ada perkembangan terbaru. Teknologi bersifat Dinamis yaitu bisa berubah sewaktu-waktu sesuai dengan keaadaan dan perkembangannya.

Sebagai contoh adalah menampilkan data menggunakan html. html sendiri digunakan di hampir semua website dan blog diseluruh dunia untuk kepentingan desain template.





Didalam menampilkan data terstruktur di website dan blog, kita harus menyusunnya secara rapi dan mudah dipahami oleh pembaca. Yaitu dengan menampilkannya menggunakan Tabel.


Tabel dapat kita atur dari baris, kolom, ukuran tabel, ukuran bari, tinggi baris, latar belakang baris, dan lain-lain.


HTML menyebutnya tag :



  • Tag <table></table> untuk membuat tabel.
  • Tag <tr></tr>            untuk membuat baris di tabel.
  • Tag <td><td>             untuk membuat kolom di tabel.
Manfaat menggunakan tabel : 
  • Memudahkan menampilkan data.
  • Memudahkan untuk mengedit data.
  • Dapat dijadikan untuk mendesain sebuah halaman web/blog.
  • Juga sering digunakan untuk form pendaftaran.
Nah kita akan membahas dan mempraktekkan 3 tag diatas.



BELAJAR HTML 
#Tabel, Baris, Kolom

contoh aplikasi software: Notepad++Visual Studio, dll.
  1. Disini saya menggunakan Notepad++, Langsung buka Notepad++
  2. Klik New file(biasanya otomatis new file jika pertama kali menginstal).
  3. Ketikan <html></html> lalu save terlebih dahulu, agar kode yang akan kita ketikan berwarna. Save dengan format .html
  4. Tulis Kode dibawah.
  5. Hasilnya.
  6. Tabel diatas belum menunjukan bentuk dan warnanya maka untuk menampilkannya tambahkan kode di <table> dan <td>.
  7. Hasil setelah ditambahkan.
Mantap sekarang waktunya kalian membuat yang tabel sesuai keinginan kalian sendiri. Semoga Artikel Tutorial membuat Tabel, Baris, dan Kolom diatas berguna bagi kita semua.

Terimakasih...

Berkomentarlah yang baik dan Lucu, jangan Spam!

إرسال تعليق (0)
أحدث أقدم