HTMLのリンクについて

　バロックが好き さんが暗黙的に
(ニックネームを揚げさせて頂くのはあまり好まれないでしょうか？)
ページへのリンク方法をお知りになりたいと言うことで、
参考にして頂ければと思います。
リンクさせるタグは『アンカー』タグと言います。
『a』はアンカーのaです。
書式としては、

<a♠href="なになに"♠style="color:#RRGGBB"♠

target="_blank">こちら</a>

と言う形になります。上の『こちら』をクリックしてみてください。
別ページでこのページが開きます。
(タブブラウザならタブがたぶん開きます　＾＾デヘッ)
♠は半角スペースということです。
スペードとスペース…　ばんさ～い！　もぉ～えぇ～わっ

『style』は『こちら』の色を変えたいときに使います。
つまり、『style～ZZ"♠』あるいは
『♠style～ZZ"』までなくてもかまいません。
『こちら』はもちろん好きな言葉にできます。

『target』は『_blank』なら別ページを開いて表示します。
つまり、現在のページを使い回さないと言う事です。
これも書かなくてもかまいません。
それはデフォルト(標準)で使うと言うことになり、
現在のページを使い回します。
デフォルトならあえて書けば、『target="_self"』になります。

『なになに』はリンクしたいURLです。『http://～』ですよね。

つまり最短では

<a♠href="なになに">あちら</a>
となります。


また、『なになに』を『#namae』とすれば、

<a♠href="#namae"></a>
同一ページ内の目的の場所に誘導させることができます。
上の『#namae』をクリックしてみると下の☆に飛びます。
誘導させたい場所に

☆	<a♠name="namae">書いておきたい文句</a>

と書いておけば、この場所までページが瞬間スクロールしてくれます。
『namae』の部分はもちろん好きなローマ字でいいですが、
同一のページでは同名が存在してはいけません。


さらに、表示してある画像をクリックしてリンクさせたければ、
『こちら』の部分を

<img♠src="画像をアップされている方は記事作成の時、
ココにカーソルを置いて、下の『ファイル』をクリックすると、
ご希望の画像のアドレスが挿入されますよね。
そういったご希望の画像のアドレスが入ります。"♠border="0">
に変更して頂ければ、ご希望の画像にリンクを張ることができます。
具体的には、

<a♠href="なになに"♠target="_blank">

<img♠src=""♠border="0"></a>

のようなかんじです。
『♠border="0"』は写真等の境界線の幅がなしということですので、
なくてもかまいません。
上の画像をクリックするとこのページが別ページで開きます。



　また、a-yaさんから、ソースコードをブログ上などに
そのまま表示させるには、と言うご質問が
暗黙的に示唆されていたようなので、ご説明させて頂きますと、
ブログをはじめHTML上では、
『<』『>』の中にHTMLが解釈できる文字列が含まれていますと
HTMLの実際に機能するタグと認識されてしまいますので、
『<』『>』だけは『&lt;』『&gt;』と置き換えなくてはなりません。
『<>』等だけでしたら、普通の文字として表示されます。


以上のようなかんじでご参考になりましたでしょうか。

タグ：リンク ソースコード