戻る
「テーブルを作る−2」のHTMLソース
<html>
<head>
  <title>テーブルを作る−2</title>
</head>

<body bgcolor="#ffffcc">

<center>
  <font color="#00cc66">
  <h2>テーブルを作る−2</h2>
  </font>
</center>

<br>
<br>
<table border="1" bgcolor="#ddffdd" cellpadding="0" cellspacing="0">
<caption><font size="+1"><b>オブジェクトの表示位置</b>
    </font></caption>
<tr valign="top">
    <td width="100" height="100">左上</td>
    <td width="100" align="center">中央上</td>
    <td width="100" align="right">右上</td></tr>
<tr valign="middle"><td width="100" height="100">左</td>
    <td width="100" align="center">真中</td><td width="100"
     align="right">右</td></tr>
<tr valign="bottom"><td width="100" height="100">左下</td>
    <td width="100" align="center">中央下</td><td width="100"
     align="right">右下</td></tr>
</table>
<br>
<hr noshade>
<br>


<table border="1" bgcolor="#ddffdd" cellpadding="6" cellspacing="0"
    align="left" width="300">
  <caption><font size="+1"><b>テーブルの表示位置(左)</b>
    </font></caption>
  <tr><td>春</td><td>ジャケット</td></tr>
  <tr><td>夏</td><td>Tシャツ</td></tr>
  <tr><td>秋</td><td>セーター</td></tr>
  <tr><td>冬</td><td>コート</td></tr>
</table>
<br clear="all">
<br>
<br>
<br>


<table border="1" bgcolor="#ddffdd" cellpadding="6" cellspacing="0"
    align="center" width="300">
  <caption><font size="+1"><b>テーブルの表示位置(中央)</b>
    </font></caption>
  <tr><td>春</td><td>ジャケット</td></tr>
  <tr><td>夏</td><td>Tシャツ</td></tr>
  <tr><td>秋</td><td>セーター</td></tr>
  <tr><td>冬</td><td>コート</td></tr>
</table>
<br>
<br>
<br>


<table border="1" bgcolor="#ddffdd" cellpadding="6" cellspacing="0"
     align="right" width="300">
  <caption><font size="+1"><b>テーブルの表示位置(右)</b>
    </font></caption>
  <tr><td>春</td><td>ジャケット</td></tr>
  <tr><td>夏</td><td>Tシャツ</td></tr>
  <tr><td>秋</td><td>セーター</td></tr>
  <tr><td>冬</td><td>コート</td></tr>
</table>
<br clear="all">
<br>
<hr noshade>
<br>



<table border="1" bgcolor="#ddffdd" cellpadding="6"
    cellspacing="0">
<caption><font size="+1"><b>改行を規制しない場合</b>
    </font></caption>
<tr><th>氏名</th><th>住所</th><th>備考</th></tr>
<tr><td>荒木又右衛門</td>
    <td>春日井市高蔵寺町北 3-59</td>
    <td>江戸初期の剣豪</td></tr>
<tr><td>石田三成</td>
    <td>岡崎市美合町字下長根 6-12</td>
    <td>安土桃山時代の武将。関ヶ原の戦いで西軍の主導者。</td></tr>
<tr><td>上杉謙信</td>
    <td>愛知県海部郡甚目寺町大字新居屋字江上田 66-208
     ヴォーリバージュ 甚目寺 1006</td>
    <td>安土桃山時代の武将。幼名は虎千代。</td></tr>
<tr><td>榎本武揚</td>
    <td>豊田市野見町 5-5</td>
    <td>幕末・明治初期の政治家。オランダに留学。</td></tr>
<tr><td>大久保彦左衛門</td>
    <td>名古屋市昭和区塩付通 3-2-11</td>
    <td>江戸初期の旗本。著書に「三河物語」がある。</td></tr>
</table>
<br>
<br>
<br>

<table border="1" bgcolor="#ddffdd" cellpadding="6"
     cellspacing="0">
<caption><font size="+1"><b>氏名セル内の改行を規制した場合</b>
    </font></caption>
<tr><th>氏名</th><th>住所</th><th>備考</th></tr>
<tr><td>荒木又右衛門</td>
    <td>春日井市高蔵寺町北 3-59</td>
    <td>江戸初期の剣豪</td></tr>
<tr><td>石田三成</td>
    <td>岡崎市美合町字下長根 6-12</td>
    <td>安土桃山時代の武将。関ヶ原の戦いで西軍の主導者。</td></tr>
<tr><td>上杉謙信</td>
    <td>愛知県海部郡甚目寺町大字新居屋字江上田 66-208
     ヴォーリバージュ 甚目寺 1006</td>
    <td>安土桃山時代の武将。幼名は虎千代。</td></tr>
<tr><td>榎本武揚</td>
    <td>豊田市野見町 5-5</td>
    <td>幕末・明治初期の政治家。オランダに留学。</td></tr>
<tr><td nowrap>大久保彦左衛門</td>
    <td>名古屋市昭和区塩付通 3-2-11</td>
    <td>江戸初期の旗本。著書に「三河物語」がある。</td></tr>
</table>
<br>


</body>
</html>

戻る