Senin, 28 November 2011

belajar html membuat table


Kode di bawah ini merupakan kode sederhana dari table sebuah website :
<html >
<head>
<title>Latihan Membuat Table</title>
</head>
<body>
<table width="200" border="1">
  <tr>
    <td ></td>
    <td ></td>
    <td ></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
</body>
</html>

Coba Anda ketik kode di atas menggunakan note pad. Lalu save dengan exktensi file html, lalu jalankan di browser
Hasilnya :










Untuk membuat table yang yang terdiri dari gabungan beberapa kolom maupun baris, kita bisa gunakan kode rowspan ( menggabungkan baris pada table ) dan colspan ( menggabungkan kolom pada table). Selain itu table yang kita buat bisa kita beri warna menggunakan bgcolor.
contoh
<html >
<head>
<title>Untitled Document</title>
</head>
<body>
<table width="200" border="1" bgcolor="blue">
  <tr >
    <td >1</td>
    <td >5</td>
    <td rowspan="3"></td>
  </tr>
  <tr>
    <td>2</td>
    <td>6</td>
  </tr>
  <tr>
    <td>3</td>
    <td>7</td>
    </tr>
  <tr bgcolor="yellow">
    <td colspan="3">4</td>
    </tr>
</table>
</body>
</html>

Hasil nya :
1
5
8
2
6
3
7
4
 

Tidak ada komentar:

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Online Project management