Selasa, 24 September 2013

Cara Membuat Tabel Berwarna Di HTML

Pertama kali-nyah saya posting tentang koding-koding disini hihi... kalo ada yang salah maklumi ya..
saya juga disini masih belajar...

Saya akan memberikan Cara Membuat Tabel Berwarna Di HTML

Disini saya menggunakan app EditPlus 3
berikut langkah-langkahnya:

<html>
 <head>
  <title> New Document </title>
 </head>

 <body>
       <table align="center" width="50%">
        <caption align="bottom">  Pewarnaan Tabel </caption>
<tr>
<td colspan="6" align="center" bgcolor="red"> A </td>
</tr>
<tr>
<td colspan="3" align="center" bgcolor="#FFCC99"> B </td>
<td colspan="3" align="center" bgcolor="yellow"> C </td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="green"> D </td>
<td colspan="2" align="center" bgcolor="blue"> E </td>
<td colspan="2" align="center" bgcolor="#9999FF"> F </td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="#330099"> G </td>
<td colspan="4" align="center" bgcolor="#FF0099"> H </td>
</tr>
<tr>
<td colspan="4" align="Center" bgcolor="#CC0066"> I </td>
<td colspan="2" align="Center" bgcolor="#996666"> J </td>
</tr>

</table>
     </body>
</html>

hasilnya seperti ini:


Selamat mencoba ya! :D

1 komentar:

 
Chaernita's Blog Blogger Template by Ipietoon Blogger Template