画像表示のタグ

| | コメント(3) | x

管理画面のファイルのアップロードで画像をアップすると、こんなかんじでタグを作ってくれます。

<img alt="20060904.jpg" src="http://rujip.net/blog/nazo/images/20060904.jpg" width="400" height="400" />

なので、他のサーバーに画像があるのを表示するときは、URLのところを画像のあるところにかえれば、いーわけです。これより省略して、

<img src="http://rujip.net/blog/nazo/images/20060904.jpg" />

て、書いても表示されます。

alt は、画像の名前。日本語でも可。
width は、横幅。じっさいの画像のサイズでなくて表示するサイズです。単位は、px。
height は、縦幅。

じっさいのサイズより、小さく書けば、縮小して表示になります。
でも、縮小して表示は、Safariだときれーなんですが、Intetnet Exploreだときたないです。
widthとheightは書かなくても表示されるんですが、書いてあったほーがページ全体を表示し終わるのがはやくなるです。
最後の / は、Mobable Typeは、XHTML 1.0で書かれるので、入れるきまり。
XHTML 1.0構造言語ってので(今、本みて知ったよ!)その前にHTML4.0とかHTML3.2とかとかあったのねん。それぞれにタグの書き方がビミョーにちがってきたみたい。

でもでも、ちょっとぐらいまちがった書き方をしていても、新しめのブラウザだと、てきとーに、わかってくれるみたいでちゃんと表示されたりするのねん。それはそれでやっかいかも、なんですが。

htmlを書いてるファイルと画像のファイルが同じフォルダーに入ってるときは、
http://rujip.net/blog/nazo/images/20060904.jpgのところを20060904.jpgだけにしても可。
絶対パスと相対パス、ゆーやつねん。

コメント(3)

SYNDI :

絶対パスと相対パス?

とにかく表示したい画像の住所をここに書いておくとそれを探して表示してくれるのですね?

パスというのは、その住所のこと?

るじ :

フォルダ/フォルダ/ファイルってなってるのがパス(か?)。
URL全部、書くのが絶対パス。
今いる位置からみて、書くのが相対パス。
絶対パスにすると、場所をかえると表示できなくなる。
相対パスにすると、まるごと場所をかえればだいじょぶ。
だけど、ややこしくなる。

SYNDI :

なるほど。
絶対と相対の違いはわかりました。(わかっても書けるわけではないですがー)

音楽でもドレミが固定しているのと、調によってドレミが移動するのがあったです。昔。(今は移動で歌う人はほとんどいないと思うが)
固定が絶対で、移動が相対。
移動は同じ音なのに呼び方が変わる。
少し似ています。

コメントする