Sunday, June 30, 2013

Membuat Tabel Dalam HTML

Kali ini saya akan membagi informasi tentang cara membuat tabel dalam HTML.

Tabel dalam HTMl terdiri dari baris dan kolom. buat syntax HTML terlebih dahulu
<html>
<head>
<title>Judul Website</title>
</head>
<body>

<table>
<tr>
<td>ISI</td>
</tr>
</table>
</body>
</html>


Keterangan :

<html> untuk mendiskripsikan file HTML
<head> bagian kepala dalam HTML
<title> Untuk membuat judul Website
 </title> sebagai tutup skrip <title>
</head> sama seperti </title> yaitu hanya saja yang ini sebagai penutup skrip </head>
 <body> Tempat dimana nantinya akan digunakan untuk menempatkan isi website
 <table> Merupakan skrip untuk membuat tabel
 <tr> untuk membuat baris / deret menurun pada tabel
 <td> untuk membuat kolom / deret menyamping
</td> sama seperti skrip penutup diatas
 </tr> Sama seperti yang sebelumnya
</table> Penutup table
</body> penutup tubuh HTML
</html> menutup dokumen HTML.

Contoh membuat table 2 kolom 3 baris :

<html>
<head>
<title>Judul Website</title>
</head>
<body>

<table>
<tr>
<td width="50px" height="50px"> </td>
<td width="50px" height="50"> </td>
</tr>
<tr>
 <td width="50px height="50px"></td>
<td width="50px" height="50px"></td>
</tr>
<tr>
<td width="50px" height="50px"></td>
<td width="50px" height="50px"></td>
</table>
</body>
</html>

* width : digunakan untuk merubah ukuran lebar kolom
  height: digunakan untuk merubah ukuran tinggi kolom
hasil :



sebenarnya masih banyak skrip yang digunakan untuk merubah tampilan tabel tapi akan saya bahas di lain waktu..

No comments:

Post a Comment