まりふのひと

table タグを使う（２）

Hatena

実例

入力
<table align="center" border=1>
<tr><td>名前</td><td>日記をつけた日数</td></tr>
<tr><td>競艇狂いの日記</td><td>７３</td></tr>
<tr><td>チョキの日記</td><td>７５</td></tr>
<tr><td>徒然に</td><td>６２</td></tr>
<tr><td>カリンの日記</td><td>６３</td></tr>
<tr><td>まりふのひと</td><td>９９</td></tr>
<tr><td>笹百合</td><td>６９</td></tr>
<tr><td>ユーミンの日記</td><td>７０</td></tr>
</table>

表示

名前日記をつけた日数
競艇狂いの日記７３
チョキの日記７５
徒然に６２
カリンの日記６３
まりふのひと９９
笹百合６９
ユーミンの日記７０

タイトル“名前”を中央揃えにする

入力
<table align="center" border=1>
<tr><td align="center">名前</td><td>日記をつけた日数</td></tr>
<tr><td>競艇狂いの日記</td><td>７３</td></tr>
<tr><td>チョキの日記</td><td>７５</td></tr>
<tr><td>徒然に</td><td>６２</td></tr>
<tr><td>カリンの日記</td><td>６３</td></tr>
<tr><td>まりふのひと</td><td>９９</td></tr>
<tr><td>笹百合</td><td>６９</td></tr>
<tr><td>ユーミンの日記</td><td>７０</td></tr>
</table>

表示

名前日記をつけた日数
競艇狂いの日記７３
チョキの日記７５
徒然に６２
カリンの日記６３
まりふのひと９９
笹百合６９
ユーミンの日記７０

日記をつけた日数を右揃えにする

入力
<table align="center" border=1>
<tr><td align="center">名前</td><td>日記をつけた日数</td></tr>
<tr><td>競艇狂いの日記</td><td align="right">７３</td></tr>
<tr><td>チョキの日記</td><td align="right">７５</td></tr>
<tr><td>徒然に</td><td align="right">６２</td></tr>
<tr><td>カリンの日記</td><td align="right">６３</td></tr>
<tr><td>まりふのひと</td><td align="right">９９</td></tr>
<tr><td>笹百合</td><td align="right">６９</td></tr>
<tr><td>ユーミンの日記</td><td align="right">７０</td></tr>
</table>

表示

名前日記をつけた日数
競艇狂いの日記７３
チョキの日記７５
徒然に６２
カリンの日記６３
まりふのひと９９
笹百合６９
ユーミンの日記７０

タイトル行の背景色を黄色にする

入力
<table align="center" border=1>
<tr><td align="center" bgcolor="yellow">名前</td><td bgcolor="yellow">日記をつけた日数</td></tr>
<tr><td>競艇狂いの日記</td><td align="right">７３</td></tr>
<tr><td>チョキの日記</td><td align="right">７５</td></tr>
<tr><td>徒然に</td><td align="right">６２</td></tr>
<tr><td>カリンの日記</td><td align="right">６３</td></tr>
<tr><td>まりふのひと</td><td align="right">９９</td></tr>
<tr><td>笹百合</td><td align="right">６９</td></tr>
<tr><td>ユーミンの日記</td><td align="right">７０</td></tr>
</table>

表示

名前日記をつけた日数
競艇狂いの日記７３
チョキの日記７５
徒然に６２
カリンの日記６３
まりふのひと９９
笹百合６９
ユーミンの日記７０

テーブル全体の背景色を水色にする

入力
<table align="center" border=1 bgcolor="cyan">
<tr><td align="center" bgcolor="yellow">名前</td><td bgcolor="yellow">日記をつけた日数</td></tr>
<tr><td>競艇狂いの日記</td><td align="right">７３</td></tr>
<tr><td>チョキの日記</td><td align="right">７５</td></tr>
<tr><td>徒然に</td><td align="right">６２</td></tr>
<tr><td>カリンの日記</td><td align="right">６３</td></tr>
<tr><td>まりふのひと</td><td align="right">９９</td></tr>
<tr><td>笹百合</td><td align="right">６９</td></tr>
<tr><td>ユーミンの日記</td><td align="right">７０</td></tr>
</table>

表示

名前日記をつけた日数
競艇狂いの日記７３
チョキの日記７５
徒然に６２
カリンの日記６３
まりふのひと９９
笹百合６９
ユーミンの日記７０

罫線とセルの間隔を広げる

入力
<table align="center" border=1 bgcolor="cyan" cellpadding=5>
<tr><td align="center" bgcolor="yellow">名前</td><td bgcolor="yellow">日記をつけた日数</td></tr>
<tr><td>競艇狂いの日記</td><td align="right">７３</td></tr>
<tr><td>チョキの日記</td><td align="right">７５</td></tr>
<tr><td>徒然に</td><td align="right">６２</td></tr>
<tr><td>カリンの日記</td><td align="right">６３</td></tr>
<tr><td>まりふのひと</td><td align="right">９９</td></tr>
<tr><td>笹百合</td><td align="right">６９</td></tr>
<tr><td>ユーミンの日記</td><td align="right">７０</td></tr>
</table>

表示

名前日記をつけた日数
競艇狂いの日記７３
チョキの日記７５
徒然に６２
カリンの日記６３
まりふのひと９９
笹百合６９
ユーミンの日記７０

セルの中で改行する

タイトル“日記をつけた日数”を途中で改行します。

入力
<table align="center" border=1 bgcolor="cyan" cellpadding=5>
<tr><td align="center" bgcolor="yellow">名前</td><td align="center" bgcolor="yellow">日記をつけた<br>日数</td></tr>
<tr><td>競艇狂いの日記</td><td align="right">７３</td></tr>
<tr><td>チョキの日記</td><td align="right">７５</td></tr>
<tr><td>徒然に</td><td align="right">６２</td></tr>
<tr><td>カリンの日記</td><td align="right">６３</td></tr>
<tr><td>まりふのひと</td><td align="right">９９</td></tr>
<tr><td>笹百合</td><td align="right">６９</td></tr>
<tr><td>ユーミンの日記</td><td align="right">７０</td></tr>
</table>

表示

名前日記をつけた
日数
競艇狂いの日記７３
チョキの日記７５
徒然に６２
カリンの日記６３
まりふのひと９９
笹百合６９
ユーミンの日記７０
上記は、次にように入力しても同じです。

<table align="center" border=1 bgcolor="cyan" cellpadding=5>
<tr>
  <td align="center" bgcolor="yellow">名前</td>
  <td align="center" bgcolor="yellow">日記をつけた<br>日数</td>
</tr>
<tr>
  <td>競艇狂いの日記</td>
  <td align="right">７３</td>
</tr>
<tr>
  <td>チョキの日記</td>
  <td align="right">７５</td>
</tr>
<tr>
  <td>徒然に</td>
  <td align="right">６２</td></tr>
<tr>
  <td>カリンの日記</td>
  <td align="right">６３</td>
</tr>
<tr>
  <td>まりふのひと</td>
  <td align="right">９９</td>
</tr>
<tr>
  <td>笹百合</td>
  <td align="right">６９</td>
</tr>
<tr>
  <td>ユーミンの日記</td>
  <td align="right">７０</td>
</tr>
</table>

この方が「行は増えますが、見た目に解りやすい」です。