大豆猫の空

気になること備忘録

画像にリンクを貼り付けてみたい//初心者がやってみた

画像にリンクを貼り付けて、目的のURLやリンク先にジャンプ

というのにトライしてみたいと思います。

 

 

以前、ページ内リンクでジタバタした回はこちら▽

 

soycatblog.hatenablog.com

 

 

 前回のおさらいをば。

 <a href="目的のURLまたは#○○  ">表示されるテキスト </a>
#○○の場合は到着地点のタグにid="○○ "を。 

 

URLリンクの方法は、 ツールバーにある リンクのアイコンに目的地のURLをコピペで完了。

 

 

もっとスマートな方法ありや

というか、文字列や画像を選択した状態で リンクのアイコンをクリック 、URLをコピペすると自動でリンクできるようになっているそうな。

参考にしたサイト:はてなブログでのリンクの貼り付け方、文字や画像にリンクを埋め込む方法 - Random Life Blog

https://randamlife.hatenablog.com/entry/20190816/blog-link#

 
さっそく試してみます。

 なんだコレ、めっちゃシンプルにできる。

白状すると文字列をhtml編集で書き直したりしてましたょォゥゥゥ。

 

手動?で画像にリンク

手動で画像にリンクを貼り付ける場合は、上記の”表示されるテキスト”のところに

画像のURLを入れればいいと思われ。

 

<a href="目的のURLまたは#○○  "><img  src="~"/></a>

 試してみましたょッコラショウイチ。

 

 

 

 

Random Life Blogさん、ありがとうございました。

 

関連  ブログのhtml カテゴリー記事一覧