リンクを張ろう!
ウェブサイトへのリンク
|
|
HTML には、他の様々な所へリンクを張ることが出来るという、大きな特徴があります。まずは、ウェブサイトにリンクを張ってみましょう
|
| サンプル |
<a href="http://www.m-nemoto.com/">根本雅昭のウェブサイト</a>
|
| サンプルの結果 |
|
根本雅昭のウェブサイト
|
画像へのリンク
画像へのリンクも、ウェブサイトへのリンクと変わりません。先ほどアドレスだった部分を、画像のファイル名にすればいいのです。う
| サンプル |
サンプルの結果 |
<a href="title.gif">画像</a>
|
画像
|
ボタンを画像で表示
今までは文字をクリックすると他のウェブサイトや画像に飛んでいました。今度は、画像をクリックすると飛ぶようにしてみましょう。
| サンプル |
サンプルの結果 |
<a href="http://www.m-nemoto.com/soft/qpc/">
<img src="qpc_anim.gif">
</a>
|
|
電子メールへのリンク
電子メールへのリンクは、基本的にはウェブサイトへのリンクと同じです。違いは、href でリンク先を指定する際に、電子メールアドレスの前に mailto:を付けることです。
| サンプル |
サンプルの結果 |
<a href="mailto:user_name@domain-name.com">
お問い合わせ
</a>
|
お問い合わせ
|
なお、user_name@domain-name.com は自分のメールアドレスを入力して下さい。
また、メールの件名を指定したい場合は、次のように ?subject= に続けて、件名を書いて下さい。
| サンプル |
<a href="mailto:user_name@domain-name.com?subject=質問"">
お問い合わせ
</a>
|
「お問い合わせ」をクリックすると、メール送信用のソフトが起動します。ただし、メールを送信するための設定を行なっている必要があります。
b-click
|
このコンテンツ内のデータは無断で使用しないで下さい。
ただし「Quick Post Card」については、
付属のドキュメントファイルに従ってご使用下さい。
詳しくは、「このサイトについて」をご覧下さい。
|
Copyright (C) 2004-2008 Masaaki NEMOTO. All Rights Reserved.
|
![コンピュータの総合情報 [Masaaki NEMOTO]](http://www.m-nemoto.com/images/title.gif){kind=small}
