全て
| カテゴリ未分類
| HTML文字画像リンク
| HTMLタグ（テーブル）
| HTML（応用編）
| 楽天で購入した商品
| スポーツ,アウトドア,車,バイク
| 心緒
| インテリア,ライト,収納,ベビー,キッズ
| アフィリエイト入門編
| TV・オーディオ・カメラ
| 自己管理,美容,インナー
| DVD,CD,本,旅,楽器
| 生活,美容,健康,家電
| 金運アップ,風水,自己トレ
| ユーザービリティとSEO
| 楽天市場のPR
| アフィリエイト
| 音楽
| 食品,グルメ,飲料
| ダイエット,健康,食品
| 園芸,DIY,ペット,おもちゃゲーム
| 日用品雑貨,キッチン用品,寝具
| パソコン・周辺機器
| ファッション,ジュエリー,アクセサリー,靴
| 防災,介護,医療
| ブランド雑貨,時計
| 酒場放浪記
| 天気気象予報
| 気になる動画
| 最近チェックした商品
| 血圧測定
| 気になるニュース
| 人生の名言集
2006.07.19
テーマ： ホームページ作成の悩み(550)
カテゴリ： HTMLタグ（テーブル）
・テーブルをつかう
前回は、枠に別々に色をつける方法を学びました。
今回は、背景に画像をつける方法を学んでいきましょう。
この属性は「 table 」はもちろん、「 td 」にも設定できます。
「 tr 」には基本的に設定できません。
「 ="" 」部分には 画像のＵＲＬ を入れます。
では、さっそく例をみてみましょう。
テーブルの背景に画像をはりつける場合は、
青色に表示されているところは、使用しません。
前回は、枠に別々に色をつける方法を学びました。
今回は、背景に画像をつける方法を学んでいきましょう。
今回つかうのは、「 background=""
」属性です。
この属性は「 table 」はもちろん、「 td 」にも設定できます。
「 tr 」には基本的に設定できません。
「 ="" 」部分には 画像のＵＲＬ を入れます。
では、さっそく例をみてみましょう。
「 table
」に
「 background 」を設定：
「 background 」を設定：
●
○
□
■
→
（「<table border="1" background="画像のURL"
>
<tr><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力）
<tr><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力）
「 border="0"
」にすると・・・：
●
○
□
■
→
（「<table border=" 0
" background="画像のURL"
>
<tr><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力）
<tr><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力）
●
○
□
■
→
（「<table border="1">
<tr><td background="画像のURL" >●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力）
<tr><td background="画像のURL" >●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力）
テーブルの背景に画像をはりつける場合は、
<img src="
" width="200" height="267" alt="絵画"
>
青色に表示されているところは、使用しません。
お気に入りの記事を「いいね！」で応援しよう
Last updated
2009.02.23 07:00:14
[HTMLタグ（テーブル）] カテゴリの最新記事
-
楽天広場HTML講座 マス目をタテにつなげる 2007.02.18
-
楽天広場HTML講座 マス目をヨコにつなげる 2007.02.15
-
飾り枠（一覧）・・・ 2006.11.10
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
