リンク
目次
T.他のページにリンクする
U.同じページ内の指定した位置にリンクする
V.他のページ内の指定した位置にリンクする
W.リンク先を別のウインドーに表示する
X.リンクでメールを送る
Y.自動的にページを読み込む

T.他のページにリンクする

<A href="リンク先のURL">〜</A>

例ー1
HTML講座メイン
<A href="html_m.html">HTML講座メイン</A>
例ー2

<A href="html_m.html"><img src="99doc2s.gif"></A>

U.同じページ内の指定した位置にリンクする

リンク先<A name="位置名">〜</A>
リンク元<A href="#位置名">〜</A>


[リンク元]
<A name="contents">目次</A>
<A href="#href1">T.他のページにリンクする</A>
<A href="#href2">U.同じページ内の指定した位置にリンクする</A>
<A href="#href3">V.他のページ内の指定した位置にリンクする</A>
<A href="#href4">W.リンク先を別のウインドーに表示する</A>
<A href="#href5">X.リンクでメールを送る</A>

[リンク先]
<A name="href1">T.他のページにリンクする</A>
<A name="href2">U.同じページ内の指定した位置にリンクする</A>
<A name="href3">V.他のページ内の指定した位置にリンクする</A>
<A name="href4">W.リンク先を別のウインドーに表示する</A>
<A name="href5">X.リンクでメールを送る</A>
※実際の動きはこのページを参照して下さい。

V.他のページ内の指定した位置にリンクする

リンク先<A name="位置名">〜</A>
リンク元<A href="URL#位置名">〜</A>


<A name="contents">目次</A>
<A href="html_4.html#href1">T.背景色を指定する</A>
<A href="html_4.html#href2">U.背景画像を指定</A>
<A href="html_4.html#href3">V.ファイルの位置指定(絶対URLと相対URL)</A>

※下記サンプルで動きを試して見てください。
目次
T.背景色を指定する
U.背景画像を指定
V.ファイルの位置指定(絶対URLと相対URL)

W.リンク先を別のウインドーに表示する

<A href="URL" target="_blank">〜</A>

<A href="html_4.html" target="_blank">背景色/画像を指定</A>
※実際の動きは下記をクリックして下さい。
背景色/画像を指定

X.リンクでメールを送る

<A href="mailto:メールアドレス">〜</A>

例−1
<ADDRESS>
このホームページへの問い合わせは <A href="mailto:k_zamami@yahoo.cojp">〜</A>
宛てにお願いします。
</ADDRESS>

このホームページへの問い合わせは k_zamami@yahoo.cojp 宛てにお願いします。


例−2
<A href="mailto:k_zamami@yahoo.cojp"><img src="duck.gif"></A>

Y.自動的にページを読み込む

<META http-equiv="refresh" content="秒数;URL=移動先URL">

注)この機能が未対応のブラウザがあるので、リンク先は付けておくようにして下さい。

例)
<HTML>
<HEAD>
<TITLE>引越しました</TITLE>
<META http-equiv="refresh" content="10;URL=http://www.geocities.co.jp/SiliconValley-Bay/5385/html_m.html">
</HEAD>
<BODY>
HTML講座は移動しました、10秒後に自動的に移動しますが、もし移動しないときは
ここ をクリックして下さい。
</BODY>
</HTML>

[メインに戻る]