NO.43 画像を使ったレイアウト
今回からHTMLタグを用いた応用例を紹介します。
別に応用させなくても、基本的な事だけ学べばたいていの事は出来ますけどね。
ここからNO.50までの解説は遊び半分だと思ってください。
まず1ドットのサイズの画像を用意します。⇒
これを自由にwidth,height属性で調節すれば、ページを重くしなくても枠やデザインに使う事が出来ます。
<img src=temp/dot.png width=200 height=10> width=200,height=10<br> <img src=temp/dot.png width=10 height=200> width=10,height=200<br> <img src=temp/dot.png width=50 height=50> width=50,height=50<br> <img src=temp/dot.png width=500 height=50> width=500,height=50<br> <img src=temp/dot.png width=700 height=2> width=700,height=2<br>
width=200,height=10
width=10,height=200
width=50,height=50
width=500,height=50
width=700,height=2
テーブルと併用して枠を作ったりする事も可能ですが、同じ事をtableのbgcolor属性で設定できるのであまり意味がありません。
JavaScriptと一緒に使うとイライラ棒が作れますね。
別に1ドットの画像じゃなくても、同様の事が可能です。
前に戻る
次に進む
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送
width=200,height=10 width=10,height=200 width=50,height=50 width=500,height=50 width=700,height=2