Kamis, 13 Oktober 2016

tabel dengan colspan 3

<html > 
<head> 
<title>Tabel dengan Colspan</title> 
</head>  
<body> 
<table width="500" border="1" bgcolor="purple"> 
  <tr bgcolor="red"> 
    <th scope="col">Apel </th> 
    <th rowspan="4" scope="col">Jeruk </th>
    <th colspan="4" scope="col">Mangga </th>  
  </tr>
  <tr>
    <th scope="col">Pisang </th> 
    <th colspan="4" scope="col">Nanas </th> 
  </tr>
  <tr>
    <td>Leci</td>
  </tr>
</table> 
</body> 
</html>
Diposting oleh di Tidak ada komentar:

dolumen html 2

<html>
<head><title>nested table 3</title></head>
<body>
<table border="3" cellpadding="10" cellspacing="10">
<td>
sel berikut yang satu ini memiliki tabel kecil di dalamnya, tabel di dalam tabel.
</td>
<td> <table border="3" cellpadding="3" cellspancing="3">
<td>tabel ke 2</td>
<td>tabel ke 2</td>
<tr>
<td>tabel ke 2</td>
<td>tabel ke 2</td>
</tr>
</table></td>
</table>
</body>
</html>

Diposting oleh di Tidak ada komentar:

online order 3

<html>

<head>

<title>tabel rumit</title>

</head>

<body>

              <td>Online Order</td>
<table border="2" width="300" bgcolor=blue>

<tr>

<th bgcolor=greenpink>description </th>

<th bgcolor=yellow>qty </th>

<th bgcolor=orange>price</th>

<th bgcolor=red>email account note</th>

</tr>

<tr>

<td width="100" bgcolor=greenpink>email account </td>

<td bgcolor=yellow>10</td>

<td bgcolor=orange>$9.90</td>

<td rowspan="5">

<table border="2">

<tr>

<td bgcolor=red>mailbox </td>

<td bgcolor=red>10 Gb</td>

</tr>

<tr>

<td bgcolor=red>webmail</td>

<td bgcolor=red>yes</td>

</tr>

<tr>

<td bgcolor=red>POP3</td>

<td bgcolor=red>yes</td>

</tr>

<tr>

<td bgcolor=red>IMAP</td>

<td bgcolor=red>yes</td>

</tr>

<tr>

<td bgcolor=red>Anti-Spam</td>

<td bgcolor=red>yes</td>
</tr>

</table>
</td>

</tr>

<tr>

<td bgcolor=greenpink>FYIcenter.com ad</td>

<td bgcolor=yellow>1</td>

<td bgcolor=orange>$99.00</td>

</tr>

<tr>

<td bgcolor=greenpink>1-year access </td>

<td bgcolor=yellow>1</td>

<td bgcolor=orange>$199.00</td>

</tr>

<tr>

<td colspan="2" align="right">shipping</td>

<td bgcolor=orange>$3.99</td>

</tr>
<tr>

<td colspan="2" align="right">Tax</td>

<td bgcolor=orange>$15.99</td>

</tr>

</table>

</body>

</html>

Diposting oleh di Tidak ada komentar:

tabel 4

<html>
<head><title>Tabel Bersarang</title></head>
<body>
<table border="1" bgcolor="yellow">
<tr>
<td height=10% width=60%><table border=0 align="center">
<tr>
<td bgcolor="orange" colspan="2">this table is nested inside the purple
table</td>
</tr>
<tr>
<td bgcolor="greenpink"><font color="white">riwan</font></td>
<td bgcolor="purple" width><font color=white>dwi agana</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

Diposting oleh di Tidak ada komentar:

tabel 5

<html>

<head>

<title>tabel rumit</title>

</head>

<body>
 <b>Dibuat oleh Riwan Dwi Agana</b>




<table bgcolor="greenpink"  width="300">

<td> table>tr>td

<table bgcolor="yellow" width="280" height="70" align="center">
 <tr>

 <td valign="top">table>tr>td</td>
</tr>

</table>

</td>
</table>
<table bgcolor="greenpink" width="300">

<tr>

<td>
<table bgcolor="yellow" width="280" height="80" align="center">

<tr>

<td valign="top"> table>tr>td</td>

</tr>

</table>
</td>

</tr>

</table>

<table bgcolor="greenpink" width="300">

<tr>

<td>

<table bgcolor="yellow" width="280" height="90" align="center" >

<tr>

<td valign="top"> table>tr>td</td>

</tr>

</table>
</td>

</tr>

</table>

<table bgcolor="greenpink" width="300">

<tr>

<td>

<table bgcolor="yellow" width="280" height="100" align="center">

<tr>

<td> table>tr>td

<table>
 <td bgcolor="orange" width="40" height="350" valign="top">td</td>

 <td bgcolor="orange"   width="150" height="350" valign="top">td

 <table width="130" bgcolor="red" height="250" align="center">
 <tr>
 <td valign="top">table>tr>td
 <table>
 <td bgcolor="white" width="170" height="40">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="20">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="40" valign="top">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="20" valign="top">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="40" valign="top">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="20" valign="top">td</td>

 </table>

 <table>
 <td bgcolor="white" width="170" height="80" valign="top">td</td>
 </table>

 </td>



 </tr>
 </table>
 <td  bgcolor="orange "width="40" height="350" valign="top">td</td>

 </td>
 </table>

</td>

</tr>
</table>
</td>
</tr>

</table>
<table bgcolor="yellow" width="300">

<tr>

<td>
<table bgcolor="orange" width="280" height="40" align="center">

<tr>

<td valign="top"> table>tr>td</td>

</tr>

</table>
</td>

</tr>

</table>
</body>

</html>

Diposting oleh di Tidak ada komentar:

tabel dengan rowspan

<html>
<head>
<title>dengan rowspan</title>
</head>
<body>
<table width="500" border="1">
  <tr>
   <th scope="col">namaperumahan </th>
   <th scope="col">tipe / luas tanah
  (m<sup>2</sup>) </th>
</tr>
<tr>
  <td rowspan="4">griya indah permai </td>
  <td>21 / 60 </td>
</tr>
<tr>
  <td>36 / 90 </td>
</tr>
<tr>
  <td>45 / 120 </td>
</tr>
<tr>
</table>
</body>
</html>     

 
Diposting oleh di Tidak ada komentar:

top index

<!doctype html>
<head>
<title>Top index</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center"
   bordercolor="#ffffff" bgcolor="#ffff00"><strong><font size="+5">banner
   atau iklan</font></strong>
</td>
</tr>
<tr>
<td height="27" align="center" bgcolor="#ff0000">daftar isi atau navigasi <font>
</td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#ff66cc">
<p>body atau contents (isi)</P>
<P><font color="#006600">body atau contents (isi)</font></p>
<p><font color="#cc0000">body atau contents (isi)</font></p>
<p><font color="#ffff00">body atau contents (isi)</font></p>
<p><font color="#ff6633">body atau contents (isi)</font></p>
</td>
</tr>
<tr>
<td height="23" align="center" bgcolor="#ccff99"><font color=#9966cc">info tambahan atau lain-lain </font>
</td>
</tr>
</table>
</form>
</body>
</html>
Diposting oleh di Tidak ada komentar:
Label:
Langganan: Postingan (Atom)