サムネイル画像画像拡大表示

画像からリンクする

【１２】　リンク設定　サムネイル画像(縮小画像)から、拡大画像を表示　


表示の違いを、各サンプルで確認してみて下さい。	関連HTML　リンク基本設定

表示画像ファイルに、リンクして表示

利点　画像表示位置の指定や表示デザインが容易　画像情報など説明文の表示が出来る。
欠点　表示画像リンク先ファイルを作成しなければならない。

表示画像ファイルにリンクしています。画像を、クリックしてみて下さい。　表示画像ファイルが必要　作成するすること

　　　　リンクでサムネイル画像(縮小画像)から表示画像ファイルにリンクする。

<a href= "hasi01.html" >	表示画像ファイル指定タグ
<img src= "hasi01s.gif"　 alt="夕日の明石海峡大橋" ></a>	サムネイル画像表示のタグ

直リンクで、画像を表示　直リンク関連
利点拡大画像表示ファイルを作成しなくてもよい。多少画像表示時間が早い。
欠点表示位置を細かく設定できない。　画像情報の説明文を表示出来ない。
<a href= "表示画像URL" ><img src= "サムネイル画像"　 alt= "代替説明文"　 border= "表示画像枠の有無" ></a>

表示画像にリンクしています。画像を、クリックしてみて下さい。

リンクでサムネイル画像(縮小画像)から表示画像にリンクする。
<a href= "pic01.jpg" >	表示画像を指定するタグ
<img src= "pic001s.gif"　 alt="季節の草花" ></a>	サムネイル画像表示のタグ

**リンクの解説**
要素	属性	語源	読みかた	説明
a		anchor	アンカー	繋ぐの意で　リンクを設定します。リンクは、始点側アンカーから出発し、終点側アンカーを指し示す。文書の特定箇所にハイパーリンクの始点や終点を設定し、そのリンクをたどれるようにする役割を持ちます。
a	href	hyper reference	ハイパーレファランス	リンク先を指定します。
	border	border	ボーダー	境界線の意味画像の枠線をピクセル（整数）で指定します。
a　href			アーエイチレフ	読み方は、このように短縮してよい。リンクの指定と、リンク先を指定します。

閑話　◆表示サンプル写真素材などの入手先◆
講座で様々な写真素材を多用していますが、同じ管理人が、写真素材集をアップしています。著作権は帰属しますが、フリーですから、自由に使用して下さい　使用に際して掲示板かメールでも頂けると作成の励みにもなりますので宜しくお願いします。