リンクの貼り方 ＆ＨＴＭＬタグ [ＰＣアシスタント]
ブログをやりだして１年が過ぎ、見る側から、見せる側へまわると。。。こんな事できたらな～って思うようになってきます。
丁度、１年目の時に、表を作りたいと思って、調べてみたら。。。ＨＴＭＬタグって事の存在を知りました。見せる側（＝作る側）にならなければ、多分、使うことは無かった言葉？です。
このＳｏ－ｎｅｔブログを書き始めたときには。。。初めの設定が、”ＵＲＬ自動リンクと改行だけのシンプルな入力”になっていたので。。。
文字を大きくしたり、色文字を使ったりする事が出来なくて悩みました。
管理ページ→設定 の基本設定にある、”表示結果を確認しながら編集する入力”を選択することにより、簡単に文字を大きくしたり、色文字を使える事に気が付きました。
↑この２種類の入力方法。。。上側が、いわゆる本来の入力する姿。。。したがって、ＨＴＭＬタグを使用する場合は、”ＵＲＬ自動リンクと改行だけのシンプルな入力”に設定しておかなければなりません。（ハーボットやブログペットのタグを貼り付ける時など）
オイラの場合は、通常で使用する場合は、”表示結果を確認しながら編集する入力”を使っています。これは、入力時にＨＴＭＬタグをツールバー（下記図の赤丸部分）にて、簡単に挿入してたうえで、プレビュー画面を見ながら操作できますので、ＨＴＭＬタグって何？って言う人でも問題なく使っちゃえます。少し前までは、オイラもその１人でした。
文字の大きさ・強調・斜め文字・下線・打消し文字・リストの作成・水平線・リンクの作成・絵文字の挿入・色文字・背景色・続きを読む 通常ブログで使うなら、これだけあれば十分っていう機能ですね。
但し、この入力の場合は、改行時の行間が開くのが、少し気に入らないな～って個人的には思ってます。こうして、改行せずに文章を続ければ、行間は詰まっているのですが。。。
改行すると↑これだけ、行間が開いてしまいます。こんな時に、ＨＴＭＬタグを旨く使うか、”ＵＲＬ自動リンクと改行だけのシンプルな入力”にすれば、行間を空けずに改行が出来ます。
但し、文字を大きくすると、重なったりしますので。。。注意が必要です。←多分、こういう問題があるので、、”表示結果を確認しながら編集する入力”では改行時の行間が開くようにしてあると思います。
さて、リンクの貼り方ですが、ツールバーを見ただけでは、わかりませんよね～カーソルを持っていくと、”リンクの作成”って表示されます。
使い方は。。。 （あおいさん、お名前拝借させていただきます。）
リンクさせたい文字を、範囲指定します。（文字が反転した部分が範囲指定された部分です。）
この範囲指定した状態で、”リンク作成”ボタンを押します。すると、下記のウィンドウが開きます。
そうしたら、ＵＲＬ（ホームページアドレス）の欄に、リンクさせたいページのＵＲＬを入れます。
入れる方法は。。。リンクさせたいページを開き、左上に表示されるＵＲＬ（下図参照）をコピーして張り付けるだけです。
後は、ターゲットの部分で、今の表示ページにてリンク先へ移行するのか、新しいページを開いてリンク先を表示させるのかを選択します。
ＵＲＬを貼り付け、ターゲットを選択したら、ＯＫボタンを押します。
そうすると、初めに選択した文字がブルーになります。この時点では、カーソルを持っていっても下線は表示されませんが、記事を完成させ自分のブログに戻って見れば、この部分は、カーソルも持っていくと、下線が現れ、アイコンも矢印⇒指差しの手（標準的な仕様）に変わります。
ちなみに、ＨＴＭＬタグを使って入力の場合は、こんな感じです。（新しいウィンドウを開く場合）
<A title="" href="リンク先ＵＲＬ" target=_blank>上海くま</A>
（ブラウザが、ＩＥの場合に限るのですが）
サイドバーで馬が走ってますが。。。これは、ＧＩＦ動画とＨＴＭＬタグを組み合わせて表示させています。<marquee>移動させたい文字・画像</marquee>で、右から左に流れます。
画像の読み込みにもタグを使いますが、このあたりのタグは、自分で書いたブログ記事で、写真を貼り付けたも記事に関して、”ＵＲＬ自動リンクと改行だけのシンプルな入力”にして記事編集の画面をみると、わかります。
まあ、ブログを書いているだけだったら、そんなに使うことはないのですが。。。
ちょっと目を引く”技”として面白いな！って思ったので、紹介してみました。
ブログランキングに参加してま～す。 （*＾-＾）σ
ポチっとよろしく！
勉強になりました。
試してみますっ！
by アイスコーヒー (2006-02-20 01:57)
そう、そう、初心者は、ここらへんでいっぱい悩むのよね～！
熊ねーも、悩んだわ～！
なんじゃ、こりゃ～～～～？ってね。
さすが～！くまさんの「超カンタン！パソコン初級者講座」・・・あなたにも出来る！ブログをもっと楽しくする裏技！！
なんて、表紙ができるわ！（笑）
by みーはー熊 (2006-02-20 09:09)
ＨＴＭＬタグって、見てるだけで「ややこしい！」と思っちゃうんですよね・・
by (2006-02-20 09:24)
なんとか、今日のところまでは理解できていることに安心。＾＾
さて、どこまでついていけるか・・・、心配。＾＾；；
by (2006-02-20 09:47)
最初は わかった。。。。
途中から ちょっと 英語くらいに 感じた。
最後のあたりは アラビア語に感じた。
もう一回 ゆっくり読んでみる。
（簡単に ポエムにしてみました）
by いちご☆ (2006-02-20 09:50)
HTMLタグが使えるとブログ編集の楽しみが増えますねｖ
もっと使えるタグが増えるといいですねえ。
・・・あ！
その前にもっと接続がスムースにならないと。。。（もはや毒？）
by lingnam (2006-02-20 10:50)
HTMLタグ、ぜんぜんわかりません。
さいどバーにGIFアニメ出そうとしたことあるんですが、
結局できませんでした（ ；_；）
by mabo (2006-02-20 11:34)
私もリンクはバシバシ使ってます。
・・・が、やはり初めは解らなくて
ココログやってる友達から教えて貰ったわ。情けない・・・(^_^;)
by 森野熊蔵 (2006-02-20 16:24)
◇醤油さん
是非是非お試し下さい！
◇ね～さん
切っ掛けですよね～初めは。。。
すぐに見つけられるときもあれば。。。
なかなか分らない時もあります。。。不親切な説明文のとき(￣ｍ￣*)
誰かが見て、喜んでもらえればな～って思ってます。
◇サフランさん
オイラも初めは、なんだこりゃ？？？でした。
でも、落ち着いて見れば、今の所のタグは
一つ一つは単純でした。
まあ、必要とするかどうか？なんですけどね。。。
◇みどりさん
オイラも、始めたばかりですので。。。
ついて来れなくなる程は。。。書けませ～ん(￣ｍ￣*)
記事に困ったり、リクエストあったら、また書きます。
◇いちごさん
ｎｉｃｅ！表現ですね～
で。。。真ん中のいちごさんの英語力。。。
どの程度と解釈すれば？
そういえば。。。一昨日使ってましたね！！
◇lingnamさん
そうなんですよ。。。接続。。。
昨晩も繋がらなくて。。。やっとできると思ったら＾＾；夜中でした。
ブログ書きながら、少しお遊びで、こんなこと出来たらな～って思ったら
タグ探します。
でも、結構、出来上がったタグがあるんですよね。ハボの枠とか。。。
◇ｍａｂｏさん
あらら。。。ＧＩＦアニメは貼り付けるだけで。。動く”はず”なんですが
何が悪かったんでしょうね。
ＧＩＦアニメ作るのも、暇があったら面白いと思います。
◇もりくまさん
そうなんですよね～
タグって言うと、思い出すのが。。。
広告騒動の時の、広告を消しちゃうタグ
あの時は。。。オイラも悩みましたよ～
みなさま、ｎｉｃｅ・コメントありがとうです。
今後ともヨロシクマ♪ (。'(ェ)'。)ノ
by くま (2006-02-20 19:53)
ほんと、おかげさまで普通のレベルへ近づくことができました。
けど、HTMLとか英文字はなじめず、、、
とはいえ、ここを超えねば！！
あおい、その息だ！
池ポチャだ！あ、ちがった。。。
by あおい (2006-02-20 19:54)
◇あおいさん
どういたしまして。。。
って。。。池ポチャって。。。
あっ。。。
池田ポチャ！でも良かったかも？(￣ｍ￣*)
よし、来週の土曜日は。。。
ポチャ！１個だ！！←０個じゃないところが弱気(￣ｍ￣*)
by くま (2006-02-20 20:21)
参考になりました!
by わたり〜 (2010-05-18 19:50)