画像の挿入の方法
このように画像を挿入することもできます。
検索エンジンはテキストを好みますが、訪問者の場合には多少なりとも写真などが有ったほうがサイトの印象が良いです。
商品紹介ページには商品の画像、基礎知識などのページにはイラストを入れるなど工夫をしてみてください。
画像のサイズは最大でも横幅「500ピクセル程度」に抑えてください。それ以上になると両サイドにはみ出てしまいます。
左右どちらにも寄せれます
画像は左だけでなく、右側にも寄せる事が出来ます。
右寄せで画像を入れる場合は・・・・
<img class="right" src="img/画像ファイル名">
左寄せで画像を入れる場合は・・・・
<img class="left" src="img/画像ファイル名">
として下さい。また、画像挿入タグは<p>タグの外に設置してください。
ボタンの設置方法について
商品紹介ページなどには「詳しくはこちら」のようなボタンを設置すると良いでしょう。
タグの書き方は、
<a href="URL"><img class="bt" src="img/bt.gif" onmouseover="this.src='img/bt_ov.gif'" onmouseout="this.src='img/bt.gif'"></a>
となりますが、この文章のように、ボタンの後に更に文章を続けて書く場合には、
<a href="URL"><img class="bt" src="img/bt.gif" onmouseover="this.src='img/bt_ov.gif'" onmouseout="this.src='img/bt.gif'"></a><br clear="both" />
といったようにボタンの後に<br clear="both" />を追加で書いてください。
さもないと下のようになり、非常にカッコ悪いです。
サンプル文章サンプル文章サンプル文章サンプル文章サンプル文章サンプル文章サンプル文章サンプル文章サンプル文章サンプル文章
サンプル文章サンプル文章サンプル文章サンプル文章サンプル文章サンプル文章サンプル文章サンプル文章サンプル文章サンプル文章