今回はリンク、
<a href>タグについてです(^^
いつものようにペログー投稿画面を例に説明しますね☆
画像を左側に投稿するボタンを押した場合
<a href="http://cat.pelogoo.com/kyachan/pic/1188134983884541.jpg" target="_blank"><img src="http://cat.pelogoo.com/kyachan/pic/1188134983884541.jpg" width="350" height="262" alt="1188134983884541.jpg" border="0" hspace="5" align="left"></a>リンクに関係するタグは赤文字の部分です。
a href="○○"にあるURLが、
クリックして飛んでいく先のURL、
そして
target="_blank"は
別窓で表示することを意味します。
(target="_blank"を消すと別窓を出さずに、同じウィンドウ上でリンク先に飛びます)
ペログーを使っている方は、
画像を貼った後、そのままの状態で投稿した場合、
その写真をクリックすると別ウィンドウで開くと思いますが、
それはimgと同じURLがリンク先に設定されているからなんですね(^^
同じURLが2つあって紛らわしい(読みにくい)と思いますが
a hrefは飛ばしたい場所を、
imgは自分のブログ上での表示を指定をしています。
もし画像クリックしても何も起こらないようにしたいという時は・・・そうです!
<img>
(=画像)の前後にある
<a href=・・・(以下略)>と
</a>を消しちゃえばいいのですv
タグの基本編でも触れましたが、</a>は『ココまでリンク』を意味し、
常に<a href>タグと対になっているので
消す時は必ず両方とも消すことを忘れずに・・・デスよ♪
上記は『画像にリンクを貼る』の説明ですが、
もちろん文字にもリンクを貼る事だってできます。
<a href>と
</a>の間に書きたい言葉を挟んじゃえばイイのですw
例:『ココにリンクを貼る』という文にリンクを貼る場合(※リンク先は猫々トップにしてます)
ココにリンクを貼る(全体にリンク)
→
<a href="http://cat.pelogoo.com/kyachan/" target="_blank">ココにリンクを貼る
</a> ココにリンクを貼る(一部にリンク〜その1)
→
<a href="http://cat.pelogoo.com/kyachan/" target="_blank">ココ
</a>にリンクを貼る
ココに
リンクを貼る(一部にリンク〜その2)
→ココに
<a href="http://cat.pelogoo.com/kyachan/" target="_blank">リンク
</a>を貼る
・・・こんな感じです☆
〜まとめ〜ペログーでは編集画面で画像を貼った場合、
貼った画像には既にリンクを指定するタグが含まれているので
もし別のページにリンクさせたいなら
<a href="○○">の○○の部分を『飛ばしたいリンク先のURL』に書き換えるのが
一番手っ取り早いような気がします。
文字にリンクを貼りたい場合、
タグ記号である『<』や『>』を含まないように注意して
ドラッグ→選択してURLボタンを押す(URL入力)すると
リンクさせたい処がタグで挟まれた状態で出てくるので簡単にリンクが貼れます(^^