<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>