★☆テレビ、ドラマ大好き！…☆★

画像の表示

アフィリエイトの簡単らくらくリンクなら、写真つきかそうでないかを選べば簡単に表示できます。
じゃあそれ以外で、例えば気に入った写真を載せたいの！となったらどうしたらいいか？
使うタグは、リンクの時の画像表示に使ったのと同じです。

＜img src="桜.gif" width=100 height=100 alt="桜のマヌケヅラ"＞
こんな感じで私のマヌケヅラが表示されます（笑）
画像ファイルの後の半角スペース後ろにある
width=100 と　height=100 ですが、これは画像の大きさです。
無理に指定しなくてもいいですが、もともとの画像が大きすぎて、新しいページを開いてそこでちゃんとした大きさで見せるけど、とりあえず縮小して見せたいのーという時にも使えます。ただしその場合はリンクも貼らないといけませんけど。

その画像の大きさがわからない時は、IEにその画像をドラッグ＆ドロップさせてください。その画像の上で右クリックをした時にプロバティが見れます。その時200×300と表示されたらwidth=200 height=300となります。
widthが幅で、heightが高さになります。
altは、先ほどのリンクと同じで画像にカーソルを合わせた時に表示される言葉です。

次に画像の脇に文字を入れる場合 です。
●画像の右脇に一行だけ入れる場合●
＜img src="桜.gif" ALIGN="top"＞画像の上端に文字を表示
＜img src="桜.gif" ALIGN="middle"＞画像の中央に文字を表示
＜img src="桜.gif" ALIGN="bottom"＞画像の下端に文字を表示

●画像の横に複数行の文字を回り込ませたい場合●
＜img src="桜.gif" ALIGN="left"＞画面の右側に文字を表示
＜img src="桜.gif" ALIGN="right"＞画面の左側に文字を表示

これは複数行表示させたい場合なので、行の区切りは＜BR＞で区切ります。
そして最後の行をの文字を表示させる時は＜BR　CLEAR=ALL＞と最後につけてください。そうすると次行は画像の下に表示されます。

●画像の位置をずらしたい場合●
div align="right"　または div align="center"これを最後につけます。
何もつけなければ、左になるのでleftをわざわざ入れる必要はないです。
また文字の位置を指定する場合↑は、自動的に画像の位置も決まります。
これを使う時は文字なしで、画像だけの位置をずらしたい時に使います。

例えばこんな感じ
＜IMG SRC="桜.GIF" WIDTH="100" HEIGHT="200" div align="right"＞
こうすると画面に右端に画像が表示されます。

ジャンル別一覧