Senin, 13 April 2015

Belajar html : Cara Membuat kotak di html




<html>
<head>
<title>Latihan Dirumah</title>
</head>

<body>
 <center>
 <br><br><br>
 <caption align="top"> <font face="Times New Roman" size="6">Daftar Pramuniaga </cap><br><br>
 <table border="2" width=100%>

  <tr>
    <th width=40% rowspan="2" colspan="2" align="center"><font face="Rockwell    Extra Bold" size="5">Pramuniaga</th></font>
    <th width=60% colspan="3" align="center"><font face="Rockwell Extra Bold" size="5">KOTA</th></font>
  </tr>

  <tr>
    <th width=23% align="center"><font face="Calligraph421 BT" size="3">Jakarta</th></font>
    <th width=23% align="center"><font face="Calligraph421 BT" size="3">Tangerang</th></font>
    <th width=14% align="center"><font face="Calligraph421 BT" size="3">Bogor</th></font>
  </tr>

  <tr>
    <th width=20% rowspan="2" align="center"><font face="Calligraph421 BT" size="4">Jenis Kelamin</th></font>
    <td width=10% align="center"><font face="Calligraph421 BT" size="3">Pria</td></font>

    <td width=23% align="center">30</td>
    <td width=23% align="center">20</td>
    <td width=14% align="center">30</td>
  </tr>

  <tr>
   
    <td width=10% align="center"><font face="Calligraph421 BT" size="3">Wanita</td></font>
    <td width=23% align="center">20</td>
    <td width=23% align="center">8</td>
    <td width=14% align="center">18</td>
  </tr>

</table>

</center>
</body>
</html>