Senin, 04 Januari 2016

Cara Membuat Tabel dengan Menggunakan HTML

    Tabel  merupakan sebuah Kolom yang disediakan untuk membuat sebuah kata ataupun lainnya menjadi lebih teratur.

Cara Membuat Tabel dengan Menggunakan HTML


   Kali ini saya akan memberikan Tutorial yaitu cara membuat tabel dengan menggunakan Html.
Untyk membuat sebuah Tabel ada 3 Tag yang harus digunakan, diantaranya :
  • <tr> = merupakan Tag dari Baris ataupun pembatas tabel
  • <td> = merupakan Tag yang biasa digunakan untuk memasukkan data kedalam tabel
  • <table> = merupakan Tag dari Tabel itu sendiri
  • border = merupakan tebal dari garis Tabel tersebut

Untuk lebih jelasnya, Silahkan Perhatikan Contoh Html Tabel berikut ini :

- Baris 4 Kolom 1


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

Hasilnya :

Baris 1 Kolom 1
Baris 2 Kolom 1
Baris 3 Kolom 1
Baris 4 Kolom 1

- Baris 1 Kolom 4


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

Hasilnya :

Baris 1 Kolom 1 Baris 1 Kolom 2 Baris 1 Kolom 3 Baris 1 Kolom 4

- Baris 4 Kolom 4


<table border="1">
<tr>
<td>Baris 1, Kolom 1</td>
<td>Baris 1, Kolom 2</td>
<td>Baris 1, Kolom 3</td>
<td>Baris 1, Kolom 4</td>
</tr>
<tr>
<td>Baris 2, Kolom 1</td>
<td>Baris 2, Kolom 2</td>
<td>Baris 2, Kolom 3</td>
<td>Baris 2, Kolom 4</td>
</tr>
<tr>
<td>Baris 3, Kolom 1</td>
<td>Baris 3, Kolom 2</td>
<td>Baris 3, Kolom 3</td>
<td>Baris 3, Kolom 4</td>
</tr>
<tr>
<td> Baris 4, Kolom 1</td>
<td> Baris 4, Kolom 2</td>
<td> Baris 4, Kolom 3</td>
<td> Baris 4, Kolom 4</td>
</tr>
</table>

Hasilnya :
Baris 1, Kolom 1 Baris 1, Kolom 2 Baris 1, Kolom 3 Baris 1, Kolom 4
Baris 2, Kolom 1 Baris 2, Kolom 2 Baris 2, Kolom 3 Baris 2, Kolom 4
Baris 3, Kolom 1 Baris 3, Kolom 2 Baris 3, Kolom 3 Baris 3, Kolom 4
Baris 4, Kolom 1 Baris 4, Kolom 2 Baris 4, Kolom 3 Baris 4, Kolom 4


    Table yang saya bagikan kali ini adalah Tabel dengan menggunakan HTML, karena itu jika anda ingin memasukkan Tabel ini kedalam Postingan Blog, Masukkan Scipt Tabelnya Kedalam Modus Html.

Lorem ipsum dolor sit amet, mea prompta intellegam in, mutat doming apeirian pro an. Solum explicari vix te. Et dicant aperiri consequat usu, utamur diceret postulant sit cu.

Silahkan berikan komentar anda sesuai dengan postingan diatas.
EmoticonEmoticon