Membuat Tabel dengan HTML

Malam agan-agan semua, kali ini saya mau memberi tutorial, bagaimana cara Membuat Tabel dengan HTML.  caranya tidak lah susah.

pertama saya akan ajarkan membuat tabel seperti ini

baris 1 kolom 1	baris 1 kolom 2
baris 2 kolom 1	baris 2 kolom 2

caranya
 <table border="1">
<tr><td>baris 1 kolom 1</td><td>baris 1 kolom 2</td></tr>
<tr><td>baris 2 kolom 1</td><td>baris 2 kolom 2</td></tr>
</table>

penjelasan,
<table> ... </table> adalah tag html yang menandakan itu sebuah table, sedangkan border="1" yang berada dalam table berfungsi sebagai pembuat garis-garis tabel setebal 1 px

<tr> ... </tr> adalah tag html yang menandakan sebagai baris dalam tabel

<td>... </td> adalalah tag html yang menandakan sebagai kolom dalam tabel

kemudian bagaimana cara membuat tabel seperti ini

baris 1 kolom 1 dan 2		baris 1 kolom 3
baris 2 kolom 1	baris 2 kolom 2	baris 2 kolom 3

Caranya

<table border="1">

<tr>

<td colspan="2">baris 1 kolom 1 dan 2</td>

<td>baris 1 kolom 3</td>

</tr>

<tr>

<td>baris 2 kolom 1</td>

<td>baris 2 kolom 2</td>

 <td>baris 2 kolom 3</td>

</tr>

</table>

Penjelasan

colspan="2" menandakan ada dua kolom yang di gabung

Trakhir kita akan membuat tabel seperti ini

baris 1 kolom 1 dan 2	baris 1 kolom 2	baris 1 kolom 3
	baris 2 kolom 2	baris 2 kolom 3

caranya

<table border="1">

<tr>

<td rowspan="2">baris 1 kolom 1 dan 2</td>

<td>baris 1 kolom 2</td>

<td>baris 1 kolom 3</td>

</tr>

<tr> 

<td>baris 2 kolom 2</td> 

<td>baris 2 kolom 3</td>

</tr>

</table>

penjelasan

rowspan="2" menandakan ada 2 baris dijadikan satu dalam satu kolom

Nah begitulah cara membuat tabel dengan HTML. Semoga Bermanfaat

Related Posts by Categories

Posted in: tutorial website