リンクを張る - まりふのひと

麻里府公民館発のトップページに【田布施町の天気】というのがあります。

上の【田布施町の天気】をポイントすると、マウスポインタがに変わります。この時クリックすると、Yahooの田布施町の天気が表示されます。このような仕掛けを「リンクを張る」といいます。見る側からは「リンクが張ってある」といい、クリックして「田布施町の天気に移動する」などと言います。

はてなのツールバーを使う

［日記を書く］状態にします。
文章を入力します。
==>ここの例では、“麻里府公民館発のトップページに【田布施町の天気】というのがあります。”です。
Internet Explorerを起動し、リンクを張るウェブページに移動します。
==>これはアドレス*1を取得するためです。
アドレスバーのアドレス（http://weather.yahoo.co.jp/weather/jp/35/8130/35343.html）をクリップボードにコピーします。
日記の戻り、
リンクを張る文字列を選択します。
==>ここの例では、“田布施町の天気”です。
（リンク）をクリックします。
Explorer ユーザープロンプトが表示されますので...
クリップボードのアドレスを貼り付けます。
［OK］をクリックします。

ＵＲＬを貼り付ける前と後を比較してください。
- 前：　麻里府公民館発のトップページに【田布施町の天気】というのがあります。
- 後：　麻里府公民館発のトップページに【[http://weather.yahoo.co.jp/weather/jp/35/8130/35343.html:title=田布施町の天気]】というのがあります。
ＵＲＬの貼り付けに失敗した時は、挿入された文字列を削除し、「前の状態」に修正します。

ＨＴＭＬタグを使う

はてなのツールバーは、はてな内でしか使えません。ＨＴＭＬタグを使った方が応用が利きますが、面倒になります。上記と同じ結果を得るには、つぎのように入力します。

麻里府公民館発のトップページに【<a href="http://weather.yahoo.co.jp/weather/jp/35/8130/35343.html" target="_blank">田布施町の天気</a>】というのがあります。

a 《リンクする文字列》 /a の形になります。
ＵＲＬは、" "で囲みます。
target="_blank" は、ページを新しいウィンドウで開きます（省略すると置き換えになります）。

画像にリンクを張る

このページの先頭（「ヘッダー」と言います）に

があります。この画像をポイントすると、マウスポインタが

に変わります。ということは、この画像にリンクが張ってあることを表しています。
このＨＴＭＬタグは、次にようになっています。

<div align="center">
<a title="「顔文字を動かそう」に移動" href="http://www8.plala.or.jp/kaomoji/" target="_blank">
<img src="http://www8.plala.or.jp/kaomoji/b/bn3.gif"></a>
</div>

div align="cneter"
==>これは、/div までを、「中央揃え」にするための命令です。
title="「顔文字を動かそう」に移動"
==>これは、マウスを画像にポイントした時に表示する説明文です。
target="_blank"
==>これは、クリックした時、新しいウィンドウで開くための命令です。

*1:これをＵＲＬ Uniform Resource Locator と言います。