テキストや画像にリンク設定

テキストや画像にリンク設定【<a href="">】

ブラウザで表示した時の見え方

ソースサンプル

<a href="http://www.aichan.biz/y/bb.cgi?room=pr" target="_top">個人サイト宣伝掲示板</a><br>
<a href="http://www.aichan.biz/" target="_top"><img src="./img/aichan.gif" alt="AICHAN WEB" border="0"></a>

[ 黒※説明中のタグ紫※省略可能なタグ赤※変更可能緑※文章など ]

解説

紫色の「border="0"」で、リンクをかけた画像の線を非表示にできます。できればスタイルシートで設定しましょう。
オプションとして紹介しますが、「target」は非推奨属性です。もしも使用する場合は、ユーザーに新しいウインドウを開くことがわかるようにしましょう。
(※1)はXHTML1.1とXHTMLBasicでは使用できません。

属性名：href
URI	リンク先のURIを指定する	<a href="http://www.aichan.biz/">
値	機能	例

属性名：name (※1)
キーワード	リンク先のキーワードを指定する	<a name="rose">
値	機能	例

属性名：accesskey
アルファベット	リンクにジャンプするショートカットキーの設定	<a href="./index.html" accesskey="A">
値	機能	例

IEで使われているショートカットキー・・・F、E、V、A、T、H、D
NNで使われているショートカットキー・・・F、E、V、G、B、T、W、H
現在さまざまなブラウザが利用されていますからその他はOKということは言えませんが、ショートカットキーを設定する場合、せめてこれらのアルファベットは避けましょう。

属性名：target
_self	同じウインドウ・フレームに表示する（初期値）	<a href="./index.html" target="_self">
_top	フレームを解除する	<a href="./index.html" target="_top">
_blank	新しいウインドウを開いて表示する	<a href="./index.html" target="_blank">
_parent	親フレームに表示する	<a href="./index.html" target="_parent">
フレーム名ウインドウ名	指定したname属性のフレームやウインドウに表示する	<a target="window">
値	機能	例

AICHAN WEB(Z) > HTML＆CSSサンプル集(S) > HTML - テキストや画像にリンク設定

テキストや画像にリンク設定 【<a href="">】

テキストや画像にリンク設定【<a href="">】