愛猫との日々を、軽い気持ちで書き綴り中。

2011年11月
-
-
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
-
-
-
RECENT
RECENT COMMENTS
ARCHIVES
PROFILE
ミント♂

10月5日生まれ。写真は4ヶ月頃です☆小さい頃の怪我が原因で下半身は麻痺してますが、毎日元気に猫してますv   ===============

芽@管理人

2004年秋、初めて猫を飼いました。やっと扱いにも慣れてきて、今度はblogに手を出してみたいと思います♪      ===============

【web拍手について】

更新が滞っている時にポチポチっとして下さると、管理人のヤル気がUPする♪・・・かもしれませんw拍手と共にメッセージ送信も可能なので、御用の際には是非ご活躍下さい!※メッセージへのお返事は《Diary&BBS》記してみます。(下記リンク欄参照)に掲載予定です。   ===============

★現在のお礼絵

写真で4コマ♪(全5種類・ランダム表示)

LINK
CATEGORY
PR




HTMLタグ?〜リンクタグ
今回はリンク、<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入力)すると
リンクさせたい処がタグで挟まれた状態で出てくるので簡単にリンクが貼れます(^^



この記事へのトラックバックURL
http://cat.pelogoo.com/kyachan/rtb.php?no=1189176125119043



この記事への返信
猫々:HTMLタグ?〜リンクタグ
owxgzvrdc http://www.g4u466cp9x3300y5cn240a4mafyp2ag3s.org/
[url=http://www.g4u466cp9x3300y5cn240a4mafyp2ag3s.org/]uowxgzvrdc[/url]
aowxgzvrdc
Posted by owxgzvrdc | 2021/06/13 14:20:28


◇ 返信フォーム


名前 :   情報を保存する
メール : 
URL : 
題名 : 

内容 :