テーブルタグ
行単位で背景画像を設定する
<tr background="">
行を表す<tr>タグに「background=""」という属性を追加すると、行ごとに背景画像を設定することができます。セル毎に背景画像を設定することもできますが、指定する行のセルの背景画像が全て同じであれば、行ごとに背景画像を設定する方が簡単です。
「background=""」に背景画像へのリンク(パス)を絶対パス、または相対パスで指定します。
記述例
<table border="1">
<tr background="../../bgg.gif">
<td>左のセル</td><td>右のセル</td>
<tr>
</table>
※分かりやすくするために枠を表示しています。
<tr background="../../bgg.gif">
<td>左のセル</td><td>右のセル</td>
<tr>
</table>
| 左のセル | 右のセル |
☆ワンポイントアドバイス
行単位の背景画像を設定する方法は、本来スタイルシートで行うことが推奨されています。また、小さな画像を背景に指定した場合はセルの大きさに沿って、画像が繰り返し表示されます。ただし、大きな画像の場合、セルが小さいと画像の一部しか表示されず、画像にムダが出るだけでなく、データサイズにもムダが出ますので、適切な画像を選びましょう。また、セルに書かれた文字が見えにくくなるような背景画像は使用しないようにしましょう。
参考
- HTMLの基本(タグの書き方と要素)
- タグ打ち(メモ帳)だけでホームページを作るには
- HTMLやホームページや拡張子など、前もって必要な知識とは
- ホームページ制作ソフトの力を借りて作るには
- 標準モードと互換モードについて
タグをコピーするには?
操作方法
→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。
