ＨＴＭＬタグ言語で何ができるか（09）

ホームページビルダーを使って、様々な写真を挿入する（１）

（１）写真を挿入する

写真（１）

写真（１）は、相生市の花（コスモス）を挿入しました。 （１）とても重い写真なので、幅を４５０ピクセルにして、「Web用に保存」しました。 （２）１ページ６万バイトが標準ですが、２万６４８０バイトになっています。

（２）ソース画面で確認する

<TR> <TD><IMG src="01ah.jpg" height="310" width="450"></TD> </TR>

参考資料（１）

参考資料（１）は、写真（１）のソース（設計）画面です。 （１）「<TD>〜</TD>」の間に記述された内容が写真として表示されます。 （２）「IMG」は、「image」（イメージ）の略です。 （３）「01ah.jpg」は、写真のファイル名（01ah）と写真の種類（.jpg）です。 （４）「height="310" width="450"」の「height="310"」は、高さ（height）が３１０ピクセル、「width="450"」は幅（width）が４５０ピクセルという意味です。

（３）ソース画面で写真のサイズを変更する

<TR> <TD align="center"><IMG src="01bh.jpg" height="50%" width="50%"></TD> </TR>

参考資料（２）

参考資料（２）は、ソース（設計）画面で、高さ（height）を５０％、幅（width）も５０％にしました。 （１）ホームページビルダー上では変化が見えず、ブラウザ上で反映されます。

写真（２）

写真（２）は、参考資料（２）をブラウザ上で反映したものです。