<html>
<!-- 入口 --->
<head>
<Title>HTML examples (table)</Title>
</head>
<body>               
<h1>HTML examples (table)</h1>

<h2>table</h2>
 
<a name="table"> </a>
<table width="80%">
    <caption>テーブル</caption>
    <tr>
	<th></ht>
	<th>label 1</ht>
	<th>label 2</ht>
	<th>label 3</ht>
	<th>label 4</ht>
    </tr>
    <tr>
	<th>first</ht>
	<td>contents 1</td>
	<td>contents 2</td>
	<td>contents 3</td>
	<td>contents 4</td>
    </tr>
    <tr>
	<th>next</ht>
	<td>contents 5</td>
	<td>contents 6</td>
	<td>contents 7</td>
	<td>contents 8</td>
    </tr>
</table>

 
<a name="right-left"> </a>
<table width="100%">
    <caption>右寄せと左寄せ</caption>
    <tr>
	<td align="left">  左寄せ </td>
    <td> </td>
	<td align="right"> 右寄せ </td>
    </tr>
</table>

 
<a name="line"> </a>
<table border="1" cellspacing="0" >
    <caption>線を細くするには</caption>
    <tr>
    <th></ht>
	<th>label 1</ht>
	<th>label 2</ht>
	<th>label 3</ht>
	<th>label 4</ht>
    </tr>
    <tr>
    <th>first</ht>
	<td>contents 1</td>
	<td>contents 2</td>
	<td>contents 3</td>
	<td>contents 4</td>
    </tr>
    <tr>
    <th>next</ht>
	<td>contents 5</td>
	<td>contents 6</td>
	<td>contents 7</td>
	<td>contents 8</td>
    </tr>
</table>

 
<a name="multi-cols"> </a>
<table border="3" width="40%">
    <caption>テーブル</caption>
    <tr>
	<th nowrap></ht>
	<th nowrap>label 1</ht>
	<th nowrap>label 2</ht>
	<th nowrap>label 3</ht>
	<th nowrap>label 4</ht>
	<th nowrap>label 5</ht>
	<th nowrap>label 6</ht>
    </tr>
    <tr>
    <th>first</ht>
	<td nowrap rowspan=2 >rowspan=2</td>
	<td rowspan=2 colspan=2>rowspan=2 colspan=2</td>
	<td nowrap>contents 3</td>
	<td nowrap>contents 4</td>
	<td nowrap>contents 5</td>
    </tr>
    <tr>
	<th>next</ht>
	<td  nowrap colspan=2>colspan=2</td>
    </tr>
</table>

<a href="3.html"> 前のページ</a> <br>
<a href="5.html"> 次のページ</a> <br>

</body>               
</html>