■テーブルに背景を入れよう

ふみコミュ系のサイトで「窓画像」と言っている画像を、テーブルの背景に指定します。

::注意！::
「窓」というのは、あなたが見ている画面のこと。となると、「窓画像＝画面をスクリーンコピーしたもの」ということになります。ふみコミュニティ近辺でしか通用しないので、あまり使わないほうがいいと思いますよ。

テーブルの背景は、 <table width="画像の横幅" height="画像の縦幅"
style="background: url(画像のURL) no-repeat; ">　 　 の赤い部分で設定します。
　
　
それでは、自分の使いたい画像を使って、練習してみましょう。
ここでは、↓の画像を使って説明します。

素材配布元：

使うテーブルタグはこんな感じです。


<div align="center">
<table width="画像の横幅" height="画像のたての幅" style="background: url(画像のURL) no-repeat; ">
<tr>
<td>
</td>
</tr>
</table>
</div>


＜画像のURLを出す＞


1.背景にしたい画像をフォト管理に登録します。


2.登録すると以下の画面が出ます。下線の部分が画像のURL

登録済みの画像の場合は、使いたい画像をクリックすると、黒い画面の下のほうに以下の画面が出ます。枠で囲んであるところが画像のURL

3.テーブルタグの中に画像のURLを入れていきましょう。


次にテーブルのサイズを入れていきます。

画像のURLの後に「width="数字" height="数字"」というのがあります。 これが「画像のサイズ」。テーブルのサイズも画像と同じサイズにしていきます。

これを今回使用する画像で見ていくと、「width="400" height="300"」となっています。

<div align="center">
<table width="400" height="300" style="background: url(コピーした画像のURLを入れる) no-repeat; ">
<tr>
<td>適当に文字を入れてください</td>
</tr>
</table>
</div>

ページを更新して、確認してみましょう。