更新日

第4章 リンクの作成

「リンク」は、Webページの大きな特徴のひとつです。
リンク機能があることで、ページとページををつなげることが出来ます。
文字や画像をクリックすることで、コンテンツを開いたり、
他のWebページにアクセス出来るようになります。
Webの本領発揮です。

リンクを張る場所

@インターネット上にあるページを指定する場合
 http;//〜で始まるインターネットアドレスで指定します。

A自分のパソコンで作っているページ同士を結ぶ場合
 相対パスを使ってリンク先を指定します。【参考】

Bひとつのページの中で移動する場合【参考】

C他のページの特別な箇所に移動する場合【参考】

Dメール送信用のリンクを作る場合【参考】

E画像やBGMを使う場合にもアドレスを指定します。後ほどの説明になります。 

リンクする文字のデザイン設定

リンクを設定した文字は、デザイン設定をしない場合は標準色の青や紫で表示されます。
又リンク部分には分かりやすくするため、下線が表示されます。
しかしこれらがデザイン的に合わない場合、デザイン設定でアレンジ出来ます。

Point of this Section

<a href="〜">リンクを設定します
margin-top余白の大きさを指定します
<a href="mailto:〜">メール送信用のリンクを設定します
a:link{ }通常のリンクのデザインを設定します
a:visited{ }アクセス済みリンクのデザインを設定します
a:hover{ }カーソルを重ねたときのリンクのデザインを設定します
a:active{ }ロード中のリンクのデザインを設定します
colorリンクの色を指定します
text-decoration:none下線などの表示について設定します
<a href="#〜">コンテンツへのリンクを設定します
<a name="〜">リンク先を設定します