HTML文書(リンク)

リンク
リンクの指定をします。

他サイトへのリンク	同ページのアンカー
他ページへのアンカー	メール

他サイトへのリンク

<A HREF="url">～</A>

　他のページや他のサイト(sight:場所・組織)にリンクを張るためのタグです。他のサイトリンクの場合には、http://から始まるフルパスのurlを記述し、自分のサイト内からの意識します。

文字の色について
<A>タグについて

Topへ

同ページのアンカー

<A HREF="#テキスト(キーワード)">～</A>	リンクボタン
<A NAME="テキスト(キーワード)">～</A>	リンク先

１ページが長い場合、目次をつけると見やすくなります。そのために使用するタグです。 <A HREF="#テキスト">で指定したテキストをクリックすると、 <A NAME="テキスト">の場所にジャンプします。この場合のテキストは何でもよく、アルファベットや数字一文字でもかまいません。ただし、リンクボタンとリンク先ではテキストを一致させます。同じキーワードは２カ所以上使わないように注意して下さい。
　また、HREFを使う場合には、テキストの先頭には#を付けることを忘れずに...。

Topへ

他ページへのアンカー

<A HREF="url#テキスト(キーワード)">～</A>	リンクボタン
<A NAME="テキスト(キーワード)">～</A>	リンク先

　同ページだけではなく、テキストの前にurlを付け足すと、他ページへのアンカーを張ることもできます。通常は、別のファイルへのリンクを設定すると、リンク先のファイルは冒頭から表示されます。しかし、このタグを使用すると他ファイルの特定の位置へリンクすることができます。

Topへ

メール

<A HREF="mailto:メールアドレス">～</A>

　mailto:の後ろにメールアドレスを書いておくと、この機能に対応したブラウザであれば、リンクボタンを選択したときに、メール発信(送信)用のウィンドウが表示されます。また、宛先を指定することができます。

Topへ

見本ＳＯＵＲＣＥ

<HTML>
<HEAD>
<TITLE>リンク</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
 
<H2><A NAME="01">リンクのページです</A></H2> 
<A HREF="source17.htm">見本ソース</A>
現在開いているページです。
 
<A HREF="http://www.yahoo.co.jp/">Yahoo! Japan</A>
サーチエンジン　Ｙａｈｏｏ！Ｊａｐａｎです。
 
<A HREF="no122.htm#02">Topへ</A>
フレーム内でのリンクの説明へ行きます。
 
 
 
 
 
 
 
 
 
 
 
 
 
<A HREF="source17.htm#01">Topへ</A>
このページのトップへ行きます。
 
<A HREF="MAILTO:o-yuriko@earthsea.hamamatsu.shizuoka.jp">メール</A>
メール発信用ウィンドウを開きます。
 
</BODY>
</HTML>

このＳＯＵＲＣＥを実行してみる...
１０秒で自動クローズします。

Topへ

前のページへ

次のページへ