こんにちは。
<a href=””></a>このタグの意味って何？
このような疑問にお答えいたします。
簡単に言うと、これはリンク先を設定するためのタグです。
この記事では、<a href=””></a>の使い方を簡単に一通り説明いたします。
ではさっそく見ていきましょう。
<a href=””></a>の使い方
まず、<a href=”〇〇”>の〇〇の箇所は、クリックした時に移動する先のリンクのアドレスを入力します。
そして、<a href=””>●●</a>の、●●のところに、そのリンク先をクリックする時に表示したい文章、画像などを入力します。
</a>で、リンク先の範囲を区切る（閉じる）と言う意味です。
例えば、
<a href=”https://syuhu.link/%e3%83%96%e3%83%ad%e3%82%b030%e8%a8%98%e4%ba%8b%e6%9b%b8%e3%81%84%e3%81%9f%e5%8f%8e%e7%9b%8a%e3%81%af%ef%bc%9f%ef%bd%9e30%e8%a8%98%e4%ba%8b%e3%81%a7%e7%a8%bc%e3%81%90%e3%83%9d%e3%82%a4%e3%83%b3/“>ブログ30記事書いた収益は？～30記事で稼ぐポイントを解説～</a>
これは私の記事のリンクのコードなのですが。
これをWordPressのコードエディターに入力すると、
このように、リンク先に移動できるように、表示されるという事です！
リンク先に画像を挿入する時
ちなみに、画像を挿入する時のコードは<img src=””>です。
画像にリンク先を挿入する事もできます。
例えば
<a href=”https://syuhu.link/%e3%83%96%e3%83%ad%e3%82%b030%e8%a8%98%e4%ba%8b%e6%9b%b8%e3%81%84%e3%81%9f%e5%8f%8e%e7%9b%8a%e3%81%af%ef%bc%9f%ef%bd%9e30%e8%a8%98%e4%ba%8b%e3%81%a7%e7%a8%bc%e3%81%90%e3%83%9d%e3%82%a4%e3%83%b3/“><img src=”https://syuhu.link/wp-content/uploads/2022/11/30kiji.jpg“></a>
このように、リンク先を画像に設定した結果が以下のように表示されます。
（画像をクリックできるようになっています。）
リンク先を別のタブで表示する
リンク先を別タブ（別ウィンドウ）で表示する場合は
<a href=””target=”_brank”></a>
このように、target=”_brank”というタグをつけ足して下さい。
これで、指定したリンク先が別タブで開きます。
まとめ
<a href=”リンク先のアドレス“>表示したい画像や文字</a>
これで、リンク先に移動するタグが設定できました。
・内部リンクを貼りたい
・アフィリエイトを貼りたい
そんな時に、ぜひ思い出してご活用いただければ幸いです。
あなたのブログに役立ちますように。
では、また次回～。
最近の投稿↓
コメント