リンクの例


Dreamweaverにたどり着いた人はもういまさらリンクの意味を知らないということはないと思いますが、実験用ファイルを用意したいが具体的にどんな物を作ればいいか例になるものは無いかと思い作ってみました。

●画像内からリンク

Google Yahoo

タグ
<img src=”http://dw.matome-links.com/wp/GY.gif” width=”400″ height=”240″ border=”0″ usemap=”#Map” />
<map name=”Map” id=”Map”>
<area shape=”rect” coords=”35,25,185,215″ href=”http://www.google.co.jp” target=”_blank” alt=”Google” />
<area shape=”rect” coords=”215,25,365,215″ href=”http://www.yahoo.co.jp” target=”_blank” alt=”Yahoo” />
</map>

●内部リンク
相対参照は難しかったので絶対参照にしました。
・文字から
Dreamweaver入門
タグ
<a href=”http://dw.matome-links.com/wp”>Dreamweaver入門</a>
・画像から
Dreamweaver入門
タグ
<a href=”http://dw.matome-links.com/wp”><img src=”http://dw.matome-links.com/wp/dwgazou.gif” alt=”Dreamweaver入門”/></a>

●外部リンク
内部リンクと同じように作ります。
アドレスが外部リンクになるだけなので省略しました。

●電子メールアドレスへのリンク
すみません。電子メールアドレスは書きたくないので今回はメールフォームへのリンクとなります。
メールフォーム
タグ
<a href=”http://www.matome-links.com/postmail/postmail.html”>メールフォーム</a>

●ページ内リンク
記事のはじめに戻る
タグ
<a href=”#anchor1″>記事のはじめに戻る</a>

広告

関連コンテンツ

コメントは受け付けていません。

サブコンテンツ

このページの先頭へ