CSS HTML 初心者 勉強中。

CSS HTML 初心者です。備忘録的メモです。

   当サイトはアフィリエイト広告を利用しています

HTMLでLinkを貼りたい。

f:id:mikanusagi:20180504150209p:plain

HTMLでリンクをはる方法。

 

基本

基本は、

<a href=" ここにURL "> リンク </a>

です。

 

文字にリンクを貼りたい場合

このブログは<a href="http.....URL">コチラ</a>。

とすると、 

このブログはコチラ

 こうやってリンクを貼ることができるんですね。 

 

画像にリンクを貼りたい場合

<a href="http.....URL">f:id:mikanusagi:20180615011302p:plain</a>

つまり、 

<a href="http.....URL"><img src="http.....画像のURL"/></a>

とすると、

f:id:mikanusagi:20180615011302p:plain

 これで、この画像をクリックしたら、URL先へ飛ぶ仕様に。

 

 

リンク先は別ページで開くようにしたい時

target="_blank" を使います。

ただ、これの脆弱性で、リンク先に悪意のあるプログラムが書かれていた場合に、

リンク元のページのURLを書き換えてしまうことができるようなので、

以下のように、noopener noreferrerを追加しておくとよいようです。

 

<a href="ここにURL" target="_blank" rel="noopener noreferrer">コチラ</a>

 

 

では今回はこのへんで。(*'▽')/