リンクタグの基本とテキストリンクの貼り方 | 圧倒的な作業効率と差別化を生み出す!~EFFICIENTアフィリエイト~

リンクタグの基本とテキストリンクの貼り方

ウェブページ上でリンクを貼る時に使用するタグ<a>についての詳細や使い方についてお伝えしているページです。

<a>タグの基本

ウェブページ上でリンクを貼る場合に使用するタグが<a>タグになります。

このAタグには開始タグ⇒ <a> と終了タグ⇒ </a>があり
開始タグに「href=""」属性でリンク先のURLを指定します^^

開始タグ↓
<a href="http://ここにリンク先URL">

「href=""」属性の前には半角スペースを空ける必要があります↓

<ahref="http://ここにリンク先URL"> ←半角スペースがない間違った記述
<a href="http://ここにリンク先URL"> 正しい記述

また終了タグは</a>の様に / (スラッシュ)をAの前につけます^^

要はこの開始タグと終了タグに囲まれたテキストが
指定したURLへジャンプするリンクになります^^
<a href="http://tukasablog.com/1435.html">ここに記載するテキストがウェブ上に表示される</a>

↑このタグが画面上では以下のテキストリンクで表示される↓

ここに記載するテキストがウェブ上に表示される

またこのリンクタグはテキストだけではなく
開始タグと終了タグの間に画像のタグを記載することで画像にリンクを貼る事もできます^^

ワードプレスのクイックタグを使って簡単リンク

ワードプレスのクイックタグを使えば
簡単にリンクを貼る事ができます^^

今回は『B-UPガールズ』と言うテキストに
アフィリエイトリンクを埋め込む作業を例にお見せします^^

まずテキストをドラッグしワードプレス管理画面の
赤枠で囲んだ「link」をクリックします。

ワードプレス記事投稿手順6

するとリンク先のURL指定画面が表示されますので
そこにリンク先ページのURLを記入し「OK」をクリックます。
(今回はアフィリエイトURLを設定しています)

ワードプレス記事投稿手順7

以上で指定のテキストにリンクを埋め込む事ができます^^

  • Yahoo!ブックマークに登録する
  • はてなブックマークに登録する
  • livedoorクリップに登録する
  • newsingブックマークに登録する
  • del.icio.usブックマークに登録する
  • ニフティクリップに登録する
  • RSSを購読する
  • このページをブックマーク!

次の記事 »
前の記事 »
トップページへ » 圧倒的な作業効率と差別化を生み出す!~EFFICIENTアフィリエイト~

お問い合わせはこちらからどうぞ

圧倒的な作業効率と差別化を生み出す!~EFFICIENTアフィリエイト~ TOP » <a>タグ(リンクタグ) » リンクタグの基本とテキストリンクの貼り方