Membuat Table dalam HTML

By Anonymous -
Assalamualaikum sobat, alhamdulillah kita masih bisa berjumpa kembali, maaf ane jarang update, sibuk dengan aktifitas kuliah.. tapi untuk berbagi ilmu, ane sempatkan waktu ane untuk menulis di gubuk ane yang sederhana ini. materi kali ini adalah tentang pembuatan sebuah tabel dalam HTML, nah langsung aja kita bahas..

Tabel / Table merupakan cara untuk menampilkan informasi dalam halaman web dengan bentuk kolom dan baris. Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table, yaitu: <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tag <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE> . Table juga biasanya digunakan untuk memperhalus tampilan sebuah form atau layout sebuah halaman web.

<TABLE> Digunakan untuk mendefinisikan pembuatan tabel. Dan memiliki attribut:
  • align - perataan: rata kiri (left), tengah (center) atau kanan (right).
  • valign- mengatur bentuk perataan secara vertikal
  • bgcolor- mengatur warna latar belakang (background) dari tabel.
  • background - menentukan gambar yang digunakan sebagai background tabel
  • color - Untuk mengatur warna suatu sel dalam tabel
  • border - menentukan ukuran border tabel (dalam pixel).
  • rowspan - menggabungkan beberapa baris
  • colspan - menggabungkan beberapa kolom
  • cellpadding - jarak antara isi cell dengan batas cell (dalam pixel).
  • cellspacing- mengatur spasi/jarak antar cell (dalam pixel).
  • width - menentukan lebar tabel dalam pixel atau percent.
  • height- Menentukan tinggi tabel
<TR> Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:
  • align - perataan: rata kiri (left), tengah (center) atau kanan (right).
  • bgcolor - warna latar belakang dari baris.
  • valign - perataan vertikal: top, middle atau bottom.

<TD> Tag ini digunakan untuk membuat kolom baru pada tabel. Attributnya adalah:
  • align � untuk menentukan perataan kolom
  • background � untuk menentukan image yang digunakan sebagai latar belakang dari kolom.
  • bgcolor � untuk menentukan warna latar belakang
  • height � untuk mengatur ukuran tinggi cell dalam pixels.
  • nowrap � untuk membuat supaya isi dari kolom tetap berada pada satu baris.
  • valign � untuk mengatur perataan vertikal: top, middle atau bottom.
  • width � untuk menentukan lebar kolom dalam pixel atau percen.
nah itulah sedikit penjelasan tentang table dan attribut yang dapat kita gunakan dalam table. nah dibawah ini adalah script dasar pembuatan tabel dengan 3 kolom dan 2 baris.

<html>
<head>
<title>.:: Membuat Tabel ::.</title>
</head>
<body>

<table width="300" border="1">
<tr>
<td>Kolom 1</td><td>Kolom 2</td><td>Kolom 3</td>
</tr>
<tr>
<td>Baris 1</td><td>Baris 1 </td><td>Baris 1</td>
</tr>
<tr>
<td>Baris 2</td><td>Baris 2 </td><td>Baris 2</td>
</tr>
</table>

</body>
</html>

dan hasilnya

nah itulah penjelasan singkat membuat tabel dalam HTML, sobat bisa mencoba menggunakan attribut lainnya yang terdapat dalam HTML, kalau sobat memang kesulitan menggunakan notepad, sobat bisa menggunakan program Adobe Dreamweaver. mungkin cukup sekian posting kali ini, mohon maaf bila ada kekurangan, dan smoga artikel kali ini dapat bermanfaat buat semua, kita berjumpa lagi pada postingan berikutnya.

Wallahul-muwaffiq ila Aqwamith-thoriq 
Wassalamualaikum

Comments

Post a Comment

-Berkomentarlah yang baik dan rapi.
-Menggunakan link aktif akan dihapus.

Popular posts from this blog

Cara Membuat Halaman Login Hotspot Berbeda pada 1 Mikrotik

By Anonymous -
Image
Melanjutkan Tutorial Mikrotik Indonesia sebelumnya tentang : Tutorial Cara Membuat Beberapa Hotspot Server pada satu Mikrotik dengan IP Address yang Berbeda . Pada Tutorial kali ini kita akan coba bahas gimana caranya membuat beberapa Halaman Login Mikrotik berbeda yang digunakan pada beberapa Hotspot Server pada 1 Mikrotik. Jadi disini saya asumsikan kita punya 1 Mikrotik sebagai Hotspot Server dimana ada 2 Server yang running bersamaan dengan IP Address yang berbeda, seperti pada artikel sebelumnya. Nah, saya ingin membuat kedua Hotspot itu memiliki Halaman Login yang berbeda, walaupun lokasi nya masih di perangkat Mikrotik yang sama. Sampai disini sudah paham kan apa yang saya maksud? Kalau belum silakan baca ulang dari atas, hehe. Oke, langsung saja berikut cara nya : 1. Pastikan Anda Sudah Membuat lebih dari 1 Hotspot Server, seperti pada Tutorial Mikrotik sebelumnya . 2. Siapkan Halaman Login Mikrotik Baru yang akan ditambahkan. 3. Masuk ke FTP Mikroti...
Read more

UltraISO Premium Edition v9.5.3

By Anonymous -
Image
UltraISO is an ISO CD/DVD image file creating/editing/converting tool and a bootable CD/DVD maker , it can directly edit the CD/DVD image file and extract files and folders from it, as well as directly make ISO files from your CD/DVD-ROM or hard disk. At the same time, you can maintain the ISO bootable information, thus creating your own bootable CD/DVDs. You now have the power to make and edit your own ISO files, and then burn them to CD/DVD for your own needs. UltraISO is in sole possession of the intellectualized ISO document format analyzer, it can process at the present time almost all types of image files, including ISO and BIN, it may even support new image files which are yet to be created. UltraISO can open these image files, directly extract files and folders, edit it and convert other image files to the standard ISO format. UltraISO uses the double window unification user contact interface, you have the choice to only use the quick buttons and/or the mouse Dr...
Read more

Arti OSAKMJ

By Anonymous -
OSAKMJ adalah serangkaian badword umum yang dirangakai menjadi satu dimana kalimat ini digunakan untuk menyatakan dirinya siap dalam menghadapi sesuatu, baik secara terpaksa ataupun sukarela dan bisa juga untuk mengungkapkan kekesalan terhadap sesuatu, selayaknya fungsi badword. Sebelum kita menlanjutkan penafsiran OSAKMJ, sebaiknya kamu membaca ilmu basicnya yaitu Arti AKMJ , jika sudah berarti kamu OS (Ok Siap). OSAKMJ adalah singkatan dari Oke Siap An***g Ko***l Me**k Je***t. Sekian dan terima kasih.
Read more