Life

いま勉強も兼ねて、HTMLタグの本を読んでいます。

このブログサイト”じゃんぐる公園”でも使えるタグもたくさんありました！

なかなか良い発見があります

私的ではありますが・・・このブログで、学習のため一部まとめてみます！
（知ってる方も多いとは思いますが）




①画像に名前を入れる

カーソルを画像のうえに置くと、ポコッと説明文がでてくるタグの説明です


このブログサイト”じゃんぐる公園”で『画像の追加』とすると

＜img src="http://www.junglekouen.com/usr/soca/%E3%82%B5%E3%83%BC%E3%83%95girl.jpg" alt="" /＞

というタグが表示され、画像がでてきます
　↓　↓　↓　↓　↓　↓　↓　↓　↓　↓　↓


注：　画像の回込.....なし
　　　サムネイル表示.....サムネイル表記しない
　　　タグ表記のため＜と＞は、大文字

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
上記タグの　alt=""　に注目!!

alt="" 　を　alt="サーフgirl" としてみましょう！
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

つまり、タグがこのようになります。

＜img src="http://www.junglekouen.com/usr/soca/%E3%82%B5%E3%83%BC%E3%83%95girl.jpg" alt="サーフgirl" /＞

すると、画像がでてきます
　↓　↓　↓　↓　↓　↓　↓　↓　↓　↓　↓


マウスで画像のうえにカーソルをおいてください

ポコッと、『サーフgirl』という文字が出てきたと思います★





②画像の周囲に余白を指定する

『画像の追加』における余白に関する説明です

これは少しザツに紹介します。。

同様に、『画像の追加』とすると

＜img src="http://www.junglekouen.com/usr/soca/%E3%82%B5%E3%83%BC%E3%83%95boy.jpg" align="right" alt="サーフboy" /＞

というタグが表示され、画像がでてきて、『回り込み』にて文を書きます。
　↓　↓　↓　↓　↓　↓　↓　↓　↓　↓　↓
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ


注：　画像の回込.....右
　　　サムネイル表示.....サムネイル表記しない
　　　タグ表記のため＜と＞は、大文字


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
上記タグに　hspace="20" vspace="0"　を加えてみましょう!!
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

つまり、タグがこのようになります。

＜img src="http://www.junglekouen.com/usr/soca/%E3%82%B5%E3%83%BC%E3%83%95boy.jpg" align="right" alt="サーフboy" hspace="20" vspace="0" /＞

すると、画像がでてきます。
　↓　↓　↓　↓　↓　↓　↓　↓　↓　↓　↓
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ



「 あ 」 の数は変わりませんが、このように変化します★

ちなみに数字は ”ピクセル数” を表しています。

hspace は左右の余白、 vspace は上下の余白です。



以上です。

今回、説明してみましたが、、、

かなり時間がかかりました。


これからは、もっと大発見をしたときに説明してみようと思います