HTMLでリンクをはる方法。
基本
基本は、
<a href=" ここにURL "> リンク </a>
です。
文字にリンクを貼りたい場合
このブログは<a href="http.....URL">コチラ</a>。
とすると、
このブログはコチラ。
こうやってリンクを貼ることができるんですね。
画像にリンクを貼りたい場合
<a href="http.....URL"></a>
つまり、
<a href="http.....URL"><img src="http.....画像のURL"/></a>
とすると、
これで、この画像をクリックしたら、URL先へ飛ぶ仕様に。
リンク先は別ページで開くようにしたい時
target="_blank" を使います。
ただ、これの脆弱性で、リンク先に悪意のあるプログラムが書かれていた場合に、
リンク元のページのURLを書き換えてしまうことができるようなので、
以下のように、noopener noreferrerを追加しておくとよいようです。
<a href="ここにURL" target="_blank" rel="noopener noreferrer">コチラ</a>
では今回はこのへんで。(*'▽')/