ホームページ作成

ホームページ作成講座(6)～aタグ[1]～

ホームページ作成講座6回目です。
今回はリンクに関するタグ等についてご紹介。 例えば

<a href="http://netkatuyou.com/">当サイトのトップページにジャンプします。</a>

と記述すると、当サイトのトップページにジャンプします。と表示され、
クリックすると""内のURLにジャンプします。 また、

<a href="http://netkatuyou.com/" target="_blank">別ウィンドウで開きます。</a>

といったように、 target="_blank"を追加すると、別ウィンドウで開きます。と表示上は変わりませんが、
クリックすると、新しく別なウィンドウにリンク先が表示されます。

それから画像にリンクを貼りたい場合。
まず画像の表示のさせ方ですが、
<img src="">と記述し、""の中には画像のファイル名を記述します。
※ imgタグについてはまた別の機会に紹介したいと思います。
そしてリンクの仕方ですが例えば当サイトのバナーにリンクを貼るとすると、

<a href="http://netkatuyou.com/"><img src="http://netkatuyou.com/blog/images/bana.gif" border="0"></a>

このように記述し、ブラウザ上では

と表示されます。

※画像にリンクを貼る場合、border="0"としないと枠線が表示されるので、
枠線を表示させてくない場合はborder="0"と記述します。