最近お仲間うちで、複数の画像を掲出する人が増えてきたので、この機会に、前に話題になったことがある枠線について、まとめておこうと思います。
そのままの大きさや、複数の画像を表示する方法は、次の二通りがあります。
① [IMG] ボタンをクリックして、出てきた窓の中に、画像の URL をコピーする。
② <img src="画像の URL "> のタグを自分で書く。
前者の場合は、原則として、画像の周りに細い枠線が入りますが、後者の場合はそれがありません。何故この違いがあるのでしょう。普通前者の方法が教えられるので、写真に枠線が入っているのが多いようです。
前者の場合は、これをタグで見ると、
<a href="http://"><img src="http://" /></a>
このような形になっていますが、これはリンク用のタグです。即ち、リンクの方法を使って画像を表示させていたのです。その証拠には、画像の上にポインターをもっていくと、リンクを表示する手のマークに変わる筈です。そして、画像の外枠はリンクを現すものなのです。リンクの文字に下線が付くのと同じです。
前に話題になった画像の外枠の有無は、このようなことで説明ができます。この外枠を取りたい場合は、画像 URL の後に border="0" というタグを入れればよいのです。逆に後者の方法で枠を入れたい場合は、border="枠線の太さ" というタグを使います。
私が、いろいろ違う形の画像を試みているのは全て、それに相当するタグを入れてみているのです。
そのままの大きさや、複数の画像を表示する方法は、次の二通りがあります。
① [IMG] ボタンをクリックして、出てきた窓の中に、画像の URL をコピーする。
② <img src="画像の URL "> のタグを自分で書く。
前者の場合は、原則として、画像の周りに細い枠線が入りますが、後者の場合はそれがありません。何故この違いがあるのでしょう。普通前者の方法が教えられるので、写真に枠線が入っているのが多いようです。
前者の場合は、これをタグで見ると、
<a href="http://"><img src="http://" /></a>
このような形になっていますが、これはリンク用のタグです。即ち、リンクの方法を使って画像を表示させていたのです。その証拠には、画像の上にポインターをもっていくと、リンクを表示する手のマークに変わる筈です。そして、画像の外枠はリンクを現すものなのです。リンクの文字に下線が付くのと同じです。
前に話題になった画像の外枠の有無は、このようなことで説明ができます。この外枠を取りたい場合は、画像 URL の後に border="0" というタグを入れればよいのです。逆に後者の方法で枠を入れたい場合は、border="枠線の太さ" というタグを使います。
私が、いろいろ違う形の画像を試みているのは全て、それに相当するタグを入れてみているのです。
タグ一覧片手に、試してみようっと
私みたいな人のために書いてくださったのでしょうか。この記事をプリントアウトしてじっくりやってみようと思います。 出来るかどうか???ですが。
どうぞ複数の画像に挑戦されて下さい。
やっと枠線を消す方法が分かったので4月5日の記事でそのことを書き、18日の記事で画像の拡大をリンクととらえて、別ウィンドウを開けば使いやすいかもと試みましたので、よろしかったら使い勝手をお試しください。
それにしてもmarksさんはいろいろなことをご存知ですし、研究熱心ですね。見習わなくては。
こちらの方にもコメントを頂いて、有難うございます。
私の場合は、サムネイルなどを複数を出す場合は、全部「表」TABLE タグを使っています。その理由は、前に、枠線の色を変えたいとき、表を使えば出来ることが分かり、それ以来習慣的にTABLEを使うようになりました。