Misnandi Blog

Selalu ada hari indah untuk belajar

Membuat Tabel Dengan HTML

Tabel sangat di perlukan ketika kita membuat sebuah aplikasi yang berhubungan dengan data, misal nya untuk menampilkan data dengan tabel, dan akan terlihat rapi jika menggunakan tabel karena tersusun rapi dan sejajar. Untuk membuat sebuah tabel kita memerlukan tag

sebagai elemen khusus html untuk membuat tabel. Dalam pembuatan tabel kita juga perlu menggunakan elemendan
untuk baris dan kolom dalam tabel. Di dalam membuat tabel dengan html tidak di batasi berapa jumlah kolom dan baris yang ingin di buat.selama elemendi gunakan untuk membuat tabel sebaris, sedangkan

masih di dalam elemen
karena

merupakan baris dan

sebagai kolum. Pada gambar berikut kita akan mencoba membuat 3 buah baris dan 3 buah kolom.

Baris 1 kolom 2Baris 1 kolom 3
Baris 2 kolom 2Baris 2 kolom 3
Baris 3 kolom 2Baris 3 kolom 3

Baris 1 kolom 1
Baris 2 kolom 1 Baris 3 kolom 1

Jika dijalankan hasilnya akan seperti ini:

Untitled

Tag

di gunakan untuk membuat kolom. setelah memperhatikan dan memahami peletakan dan beda
dan
kita akan milai Dengan membuat tabel dengan header tabel dan body tabel supaya tabel yang kita buat menjadi lebih jelas.

Contoh:

header kolom 2header kolom 3
Baris 1 kolom 2Baris 1 kolom 3
Baris 2 kolom 2Baris 2 kolom 3
Baris 3 kolom 2Baris 3 kolom 3

header kolom 1
Baris 1 kolom 1
Baris 2 kolom 1 Baris 3 kolom 1

Hasilnya akan seperti ini:

tabel2

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Information

This entry was posted on 25 May 2015 by in Tutorial, web and tagged , .
%d bloggers like this: