書式
<a href="URL">〜</a>
<a name="アンカー">〜</a>
<a href="URL" target="ターゲット">〜</a>
属性
属性名 |
初期値 |
内 容 |
id |
なし |
IDを指定します。 |
class |
なし |
スタイルシートクラスを指定します。 |
style |
なし |
スタイルシートを指定します。 |
href |
なし |
リンク先のURLを指定します。 |
name |
なし |
同じページ内へのリンク位置を示すアンカーを指定します。 |
target |
なし |
指定されたターゲットウィンドウへリンク先のページを表示します。 |
説明
リンクまたはアンカーを指定します。同じディレクトリ(フォルダ)にあるsample.htmlファイルにリンクするには<a href="sample.html">〜</a>と指定します。同じ階層にあるinfoフォルダ内のsample.htmlファイルにリンクするには<a href="info/sample.html">〜</a>と指定します。1つ上の階層にあるsample.htmlファイルにリンクするには<a href="../sample.html">〜</a>と指定します。
別サイトのファイルにリンクすることもできます。http://www.openspc2.org/のサイトにリンクするには<a href="http://www.openspc2.org/">〜</a>と指定します。http:で始まるプロトコルだけでなくhttps:やftp:など他のプロトコルも指定することができます。
アンカーを指定するにはname属性を使います。chapter1という名前のアンカーを指定(作成)するには<a name="chapter1">〜<a>とします。このアンカーにリンクするには#を指定します。<a name="chapter1">〜<a>とするとクリックされた時にアンカーchapter1にジャンプします。
リンクをクリックした際にサブウィンドウ(別のウィンドウ)またはフレームに表示させるにはtarget属性を使います。target属性で指定できる名前のなかで_self、_blank、_parent、_topは指定された動作を行います。_selfは自分自身、_blankは空白ページ、_parentは親フレーム、_topはトップフレームを示します。メディアバーを示す_mediaはWindows XP SP1で
Internet Explorer 6のみ有効です。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>Sample</title>
</head>
<body>
<h1>Sample</h1>
<p>
<a href="info.html">情報ページへ</a><br>
<a href="http://www.openspc2.org/">OpenSpace</a>
</p>
</body>
</html>