初心者大歓迎!HTMLを使って一緒にHP作成してみませんか?


超初心者のための超かんたんHP作成講座・サルでもわかる?かんたんHTML

サルでもわかる?かんたんHTML トップページ  >>> #5.リンク  >>> リンク画像の枠線を消そう



      



リンク画像の枠線を消そう



HP作成講座の先生  「リンク画像には枠線がついてしまっとったな。
    今回はその枠線を消すタグを勉強するぞぃ。」



 サンプル




HP作成講座の先生  「ちゃんと枠線が消えておるな。」



電球  リンク画像の枠線を消すタグ
-----------------------------------------------------------------


 border="■" : 画像の枠線の幅を■の太さにする。

        (■には数字を入れる)


-----------------------------------------------------------------



HP作成超初心者  「これはどうやって使うんですか?」


HP作成講座の先生  「これは画像を表示するタグの中に入れるんじゃよ。
    <IMG src="▲" alt="●" border="■"> というようにな。
    枠線を消すためには■の数字を 0 にすればOKじゃ。」


HP作成超初心者  「なるほど。これってリンクじゃない画像にも使えるんですか?」


HP作成講座の先生  「もちろん使えるぞぃ。
    1から順に数字が大きくなると枠線も太くなるんじゃ。
    どこまででも太くできるぞぃ。では実際に使ってみようかのぅ。」



 メモ帳
<BODY>〜</BODY> の間に入力


<A href="リンク先のURL">
<IMG src="画像のURL" alt="りんご" border="0"></A>


<A href="リンク先のURL">
<IMG src="画像のURL" alt="りんご" border="50"></A>


<IMG src="画像のURL" alt="りんご" border="10">




HP作成講座の先生  「一番下の画像のようにリンクではくても
    枠線をつけることができるぞぃ。」



 ブラウザ




HP作成講座の先生  「どうじゃ?うまく枠線を消せたかのぅ?」


HP作成超初心者  「はい。できました☆
    先生、画像の枠線だけじゃなくって、
    リンク文字の下線も消したいんですが・・・。」


HP作成講座の先生  「ふむ。これはHTMLタグだけではできないのでな、
    リンク文字の下線を消したい を見るとよいぞ。
    今回はこれでおしまいじゃ。」






↑ページのTOPへ


リンク文字の色を変えよう
<<< 前のページへ戻る
ページのトップにジャンプしよう
次のページへ進む >>>


サルでもわかる?かんたんHTML トップページ  >>> #5.リンク  >>> リンク画像の枠線を消そう





Copyright (C) 2006
超初心者のための超かんたんHP作成講座
サルでもわかる?かんたんHTML