<html>
<head>
<LINK REL="stylesheet" TYPE="text/css" HREF="../css0.css">
<title>HTML Table</title>

<style type='text/css'>
table	{}
th  {}
td  {}
caption {}
</style>

</head>
<body>

<h1>HTML Table</h1>

<!-******************** HEADER ********************>
<h2>Basic Style</h2>

<blockquote><pre>
&lt;table&gt;
  &lt;tr&gt;&lt;th&gt;Name    &lt;/th&gt;&lt;th&gt;Address    &lt;/th&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Wangdi  &lt;/td&gt;&lt;td&gt;thimphu    &lt;/th&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Pema    &lt;/td&gt;&lt;td&gt;Shimtokha  &lt;/th&gt;&lt;/tr&gt;
&lt;/table&gt;
</pre></blockquote>

<table>
  <tr><th>Name    </th><th>Address    </th></tr>
  <tr><td>Wangdi  </td><td>thimphu    </th></tr>
  <tr><td>Pema    </td><td>Shimtokha  </th></tr>
</table>
  
<!-******************** HEADER ********************>
<h2>Border</h2>

<blockquote><pre>
&lt;table <b>border=1</b>&gt;
  &lt;tr&gt;&lt;th&gt;Name    &lt;/th&gt;&lt;th&gt;Address    &lt;/th&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Wangdi  &lt;/td&gt;&lt;td&gt;thimphu    &lt;/th&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Pema    &lt;/td&gt;&lt;td&gt;Shimtokha  &lt;/th&gt;&lt;/tr&gt;
&lt;/table&gt;
</pre></blockquote>

<table border=1>
  <tr><th>Name    </th><th>Address    </th></tr>
  <tr><td>Wangdi  </td><td>thimphu    </th></tr>
  <tr><td>Pema    </td><td>Shimtokha  </th></tr>
</table>

<!-******************** HEADER ********************>
<h2>Width</h2>

<blockquote><pre>
&lt;table border=1 <b>width=100%&gt;</b>
  &lt;tr&gt;&lt;th&gt;Name    &lt;/th&gt;&lt;th&gt;Address    &lt;/th&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Wangdi  &lt;/td&gt;&lt;td&gt;thimphu    &lt;/th&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Pema    &lt;/td&gt;&lt;td&gt;Shimtokha  &lt;/th&gt;&lt;/tr&gt;
&lt;/table&gt;
</pre></blockquote>

<table border=1 width=100%>
  <tr><th>Name    </th><th>Address    </th></tr>
  <tr><td>Wangdi  </td><td>thimphu    </th></tr>
  <tr><td>Pema    </td><td>Shimtokha  </th></tr>
</table>

<!-******************** HEADER ********************>
<h2>Col width</h2>

<blockquote><pre>
&lt;table border=1&gt;
<b>  &lt;col width=100&gt;
  &lt;col width=300&gt;</b>
  &lt;tr&gt;&lt;th&gt;Name    &lt;/th&gt;&lt;th&gt;Address    &lt;/th&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Wangdi  &lt;/td&gt;&lt;td&gt;thimphu    &lt;/th&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Pema    &lt;/td&gt;&lt;td&gt;Shimtokha  &lt;/th&gt;&lt;/tr&gt;
&lt;/table&gt;
</pre></blockquote>

<table border=1>
  <col width=100>
  <col width=300>
  <tr><th>Name    </th><th>Address    </th></tr>
  <tr><td>Wangdi  </td><td>thimphu    </th></tr>
  <tr><td>Pema    </td><td>Shimtokha  </th></tr>
</table>

<!-******************** HEADER ********************>
<h2>Colspan</h2>

<blockquote><pre>
&lt;table border=1 width=500&gt;
  &lt;tr&gt;&lt;th <b>colspan=2</b>&gt;Name                       &lt;/th&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Wangdi            &lt;/td&gt;&lt;td&gt;thimphu    &lt;/th&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Pema              &lt;/td&gt;&lt;td&gt;Shimtokha  &lt;/th&gt;&lt;/tr&gt;
&lt;/table&gt;
</pre></blockquote>

<table border=1 width=500>
  <tr><th colspan=2>Name                        </th></tr>
  <tr><td>Wangdi            </td><td>thimphu    </th></tr>
  <tr><td>Pema              </td><td>Shimtokha  </th></tr>
</table>

<!-******************** HEADER ********************>
<h2>Rowspan</h2>

<blockquote><pre>
&lt;table border=1 width=500&gt;
  &lt;tr&gt;&lt;th&gt;Name               &lt;/th&gt;&lt;th&gt;Address    &lt;/th&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td <b>rowspan=2</b>&gt;Wangdi  &lt;/td&gt;&lt;td&gt;thimphu    &lt;/th&gt;&lt;/tr&gt;
  &lt;tr&gt;                            &lt;td&gt;Shimtokha  &lt;/th&gt;&lt;/tr&gt;
&lt;/table&gt;
</pre></blockquote>

<table border=1 width=500>
  <tr><th>Name              </th><th>Address    </th></tr>
  <tr><td rowspan=2>Wangdi  </td><td>thimphu    </th></tr>
  <tr>                           <td>Shimtokha  </th></tr>
</table>

<!-******************** HEADER ********************>
<h2>Align</h2>

<blockquote><pre>
&lt;table border=1 width=100%&gt;
  &lt;tr&gt;
    &lt;th&gt;A&lt;br&gt;L&lt;br&gt;I&lt;br&gt;G&lt;br&gt;N&lt;/th&gt;
    &lt;td width=15% <b>valign=top</b>&gt;Top&lt;/td&gt;
    &lt;td width=15% <b>valign=center</b>&gt;Center&lt;/td&gt;
    &lt;td width=15% <b>valign=bottom</b>&gt;Bottom&lt;/td&gt;
    &lt;td width=15% <b>align=lef</b>t&gt;Left&lt;/td&gt;
    &lt;td width=15% <b>align=center</b>&gt;Center&lt;/td&gt;
    &lt;td width=15% <b>align=rignt</b>&gt;Right&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
</pre></blockquote>

<table border=1 width=100%>
  <tr>
    <th>A<br>
        L<br>
        I<br>
        G<br>
        N
    </th>
    <td width=15% valign=top>Top</td>
    <td width=15% valign=center>Center</td>
    <td width=15% valign=bottom>Bottom</td>
    <td width=15% align=left>Left</td>
    <td width=15% align=center>Center</td>
    <td width=15% align=rignt>Right</td>
  </tr>
</table>

<!--#include virtual="/doc/footer.html" -->

</body>
</html>

