HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


テーブルタグ

セルごとに背景画像を設定する

<td background="">

任意の行と列に囲まれた1つの領域をここでは「セル」と呼びますが、このセル一つ一つの背景画像を設定するには、行に対する列を表す<td>タグに「background=""」という属性を追加します。

「background=""」属性の指定方法は、画像へのリンク(パス)を絶対パスまたは相対パスで指定します。

セルごとに設定される背景画像は、行ごとに設定する方法や、表全体に背景画像を指定した場合よりも、最優先されます。従って、例えば、表全体で背景画像を指定していても、セルの背景画像が別に設定された場合は、セルの背景画像が優先されて表示されます。

タグをコピーする

記述例

<table>
<tr>
<td background="../../bgg.gif">左のセル</td>
<td background="../../bgg2.gif">右のセル</td>
</tr>
</table>
左のセル 右のセル

※分かりやすくするために枠を表示しています。

☆ワンポイントアドバイス

セルごとの背景画像の指定は、本来スタイルシートで行うことが推奨されています。また、小さな画像を背景に指定した場合はセルの大きさに沿って、画像が繰り返し表示されます。ただし、大きな画像の場合、セルが小さいと画像の一部しか表示されず、画像にムダが出るだけでなく、データサイズにもムダが出ますので、適切な画像を選びましょう。また、セルに書かれた文字が見えにくくなるような背景画像は使用しないようにしましょう。

参考

タグをコピーするには?

操作方法

→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。