Membuat Tabel, Baris, Dan Kolom Pada Html - Bagi Template

Rabu, 21 Maret 2018

Membuat Tabel, Baris, Dan Kolom Pada Html

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

Sebagai pola yaitu menampilkan data memakai html. html sendiri dipakai 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 gampang dipahami oleh pembaca. Yaitu dengan menampilkannya memakai Tabel.


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


HTML menyebutnya tag :



  • Tag <table></table> untuk menciptakan tabel.
  • Tag <tr></tr>            untuk menciptakan baris di tabel.
  • Tag <td><td>             untuk menciptakan kolom di tabel.
Manfaat memakai tabel : 
  • Memudahkan menampilkan data.
  • Memudahkan untuk mengedit data.
  • Dapat dijadikan untuk mendesain sebuah halaman web/blog.
  • Juga sering dipakai 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 aku memakai Notepad++, Langsung buka Notepad++
  2. Klik New file(biasanya otomatis new file kalau pertama kali menginstal).
  3. Ketikan <html></html> lalu save terlebih dahulu, supaya instruksi yang akan kita ketikan berwarna. Save dengan format .html
  4. Tulis Kode dibawah.
  5. Hasilnya.
  6. Tabel diatas belum menandakan bentuk dan warnanya maka untuk menampilkannya tambahkan instruksi di <table> dan <td>.
  7. Hasil sesudah ditambahkan.
Mantap kini waktunya kalian menciptakan yang tabel sesuai impian kalian sendiri. Semoga Artikel Tutorial menciptakan Tabel, Baris, dan Kolom diatas mempunyai kegunaan bagi kita semua.

Terimakasih...
Comments


EmoticonEmoticon

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
x-)
(k)
Notification
This is just an example, you can fill it later with your own note.
Done