| １．LINKを貼る | ||||||||||
|
◆リンクを貼る場合は、
<a>タグを用います <a href="URL">▲▲</a>のように書くと、▲▲をクリックした時ジャンプ先URL にジャンプします 【ページ内の指定位置にジャンプさせる】 ページ内で、<a name="NAME">〜</a>のように書いてジャンプ先位置名 NAMEを指定し、 <a href="#NAME">△△</a>のように書くと、△△をクリックしたとき、 NAMEのあるジャンプ先位置にジャンプします ジャンプ先のページで、ジャンプ位置名NAMEを指定し、<a href="URL#NAME ">▼▼</a>のように書くと、▼▼をクリックした時ジャンプ先URLのジャンプ位置 NAME にジャンプします 【画像をリンクボタンにする】 なお、▲▲、△△および▼▼の部分は文字を書いたり、画像を <img>タグで指定し、それらをクリックすると指定先にジャンプします 【 右下の例： <a href="./y03a3.jpg"><img src="./y03a3s.jpg" width=150 height=100 alt="富士" border=0></a> 】 ◆リンク先の内容をどのウィンドウに表示するかは、次のtarget属性 で指定します
|
||||||||||
【相対的URL指定の例】
public_html (利用者のWebスペース)
├ index.html
├ page01.html (1)
├ page02.html
├ fig01.jpg (2)
├ folder1
│ ├ page11.html
│ ├ page12.html (3)
│ ├ fig11.jpg
│ ├ fig12.gif
│ └ folder11
│ ├ page111.html (4)
│ └ fig111.png (5)
└ folder2
├ page21.html (6)
└ fig21.jpg
基点→行先
(1)→(2) ./fig01.jpg (又は fig01.jpg)
(1)→(3) ./folder1/page12.html
(1)→(5) ./folder1/folder11/fig111.png
(4)→(2) ../../fig01.jpg
(4)→(6) ../../folder2/page21.html
(6)→(4) ../folder1/folder11/page111.html
|
||||||||||
２． ＵＲＬを指定する |
||||||||||
◆リンク先の指定には、絶対的指定と相対的指定とがあります
|
||||||||||
| ３．ファイルをダウンロードさせる | ||||||||||
|
リンクをマウスで右クリックして、[対象をファイルに保存] のメニューを選ぶとファイルをダウンロードすることが出来ます。 ブラウザが対応しないファイルでも、<a href="sample.zip">▲▲</a>のように書くと、 ▲▲を右クリックし、メニューを選んで、[対象をファイルに保存] を選択すると、ファイル(sample.zip)をダウンロードします。 |
||||||||||
| 以下はリンクの例です。 ご興味のある方は本ページのリストをご覧下さい。 ( リストの見方 ) | |||
| 下記の文字をクリックすると指定先にジャンプします ◆ 画像を表示する方法 ◆ <TABLE>タグを使う ◆ リンクするには<A>タグを使う ◆ 「とほほのＷＷＷ入門」の HTMLリファレンスにリンクする |
|
||
＊このページは、とほほさんのサイト
にリンク
させて頂いております
Top ページ> ＨＰ作りTop> HTMLの初歩/ 初歩 解説/ ソース表示/ 画像貼付/ リンク/ Tableタグ/ 演習sample/