ＨＴＭＬ－リンク－　　－ＨＴＭＬの基礎

リンク

■リンクの設定方法

ここでは、リンクの貼り方や電子メールへのリンク設定方法などを説明します。
このページに掲載しているタグは以下の通りです。

<a>　リンクを設定する
<a>　同一ページ内にリンクを設定する
<a>　リンク先を別ウインドウで表示する
<a>　電子メールへのリンクの設定

使用例
<a href="リンク先のＵＲＬ">文字列や画像</a>

href属性の値にリンク先のＵＲＬを、相対パスまたは絶対パスで記述します。
<a></a>の間にある文字列や画像には、href属性で指定されたＵＲＬへリンクが貼られます。

PAGETOP

■同一ページ内へのリンクの設定　<a>

同一ページ内へのリンクの設定とは・・・
例えば上下にとても長いサイトがあったとします。
あまりに長いサイトだと、いちいちマウスでスクロールさせるのは面倒です。
そんな時にそのページのトップの画像や文字列に参照名を指定し、真ん中あるいは一番下へリンクを貼ったとすれば、その場所からトップへと素早く移動する事が出来ます。
（ここであげたのは例です。別に参照名やリンクを指定する場所は、
これ以外でも構いません）

使用例
<a name="参照名">文字列や画像</a> <a href="#参照先">文字列や画像</a>

まず、ジャンプしたい箇所にname属性で参照名を指定します。
同一ページ内ならhref属性で参照名を指定するだけで、その箇所へのリンクが貼られます。

別ページ内のname属性で指定された箇所までジャンプしたい場合は、 href属性の値にリンク先のＵＲＬを、相対パスまたは絶対パスで記述し、そのＵＲＬの後に続けて#参照名を記述します。

PAGETOP

■リンク先を別ウインドウで表示する　<a>

使用例
<a href="リンク先のＵＲＬ" target="_blank"> 文字列や画像</a>

target属性を指定されたリンク先のページは、現在表示されているウインドウとは別の新しく開いたウインドウに表示されます。

PAGETOP

■電子メールへのリンクの設定　<a>

使用例
<a href="mailto:電子メールのアドレス">文字列や画像</a>

href属性でmailto:　その後に送り先の電子メールアドレスを指定すると電子メールへのリンクを設定する事ができます。
リンクを設定した文字列や画像をクリックすると電子メールのソフトが起動し、指定したアドレスが宛先に表示されたメール作成のウインドウが開きます。

PAGETOP

メール

質問メールがとても多くなった為、現在返信が遅れております。お返事が出来ていないものも沢山あり、今のところいつになるのか・必ず返信出来るのかどうかの保証が出来ません。申し訳ございませんが、その事をご理解いただいた上でご送信下さい。また、ここではHTMLの質問に関してのみ受け付けております。

メールはこちらから：ykrmain★★★eay.jp

PAGETOP

Webページ作成の為のＨＴＭＬを解説しています。★本サイトにはプロモーションが含まれています★

　Webページ作成の為のＨＴＭＬを解説しています。★本サイトにはプロモーションが含まれています★