PureBible

画像、リンク、画像リンクの解読

画像タグ、リンクタグ、画像リンクの使い方と解読

タグの使用注意!!

タグは < から始まり > で終わるのが基本です
全て半角での入力してください
半角の空白も詰めたりすると
正しく表示さねない場合があります
< 途中でEnterキーや改行をしないでください
（このミスが結構多いです）

画像の載せ方とタグの解読

倉庫の登録してる画像の一覧で
使いたい画像をクリック
画面が開くと、こんな画面が開くよね？
少し見え難いけど↓

赤色で囲んであるのが
画像を載せるタグです
<IMG SRC=" http://plaza.rakuten.co.jp/img/user/87/20/3978720/3.gif " width="88" height="32" alt="PureBibleのバナー ">
↑これが載ってますね？これを解読しましょう
（色分けで説明してます）

１．ここには、画像のURLを載せます
（最後が必ず.gif .jpg .pngになります）

２．これは、画像サイズです
width=""は横幅
height=""は縦幅
どちらとも、ピクセル数です
これを変更すると、画像サイズを変えれますが
少し画質が悪くなります

３．これは、HPに表示された画像の上に
カーソルを載せると「 PureBibleのバナー 」の文字が表示されます
これも変更可能です
楽天の倉庫システム上、保存の際の名前が
ここに表示されるみたいですが
タグを貼り付ける時に好きに変更出来ます

別に、２．３も無くて平気なために
俺は普段は <img src= 画像のURL >
これだけです(o_ _)ﾉ彡☆ｷﾞｬﾊﾊ!! ﾊﾞﾝﾊﾞﾝ

リンクのタグ説明と解読

リンクとは画面を移動する事です
リンクの呼び名と週類は色々あるけど
一般的な説明をします
よくあるのが
PureBible のHPはこちらです
これをタグにすると

<A href=" http://plaza.rakuten.co.jp/PureBible/ " target="_top" > PureBible </A> のHPはこちらです

１．これは移動先のURLこれではPureBibleのURLだね？

２．これは何種類かあるけど、これはこのまま使いましょう
（別のタイプを次で説明します）
３．ここに載せる文字がHPでクリックできる文字になります
（移動先の名前などを入れましょう）
４．ここは大事です <A href="" target="_top" ></A>
<A> これでリンクタグが始まってるので必ず最後は </A> で閉じましょう
</A> の後からは普通の文字に戻ります。

もう一つのリンクの貼り方を説明します
このリンクは新しくページを開くタグです
取り合えずコレを開いてください
このページは残ったまま別に新しくページが開いたよね？
このタグは

<A href=" http://plaza.rakuten.co.jp/PureBible/ " target="_blank" > コレ </A> を開いてください

ほとんどが、普通のリンクと同じだよね？
さっきの説明２．の所だけが違うよね？
これを top から blank 変えると新しくページが開くリンクに変わります

この二つのリンクの主な使い分け方は

自分のHPに関した移動先でのリンクは普通のリンク

他のサイトに移動したり
友達のHPに移動する時に
自分のHPを閉じないようにするのが
新しく開くリンクを使います。。。が
あまり新しいページを開くと
PCが重くなって固まりやすい人もいるので
ふう通のリンクを使う人が多いです

画像リンクのタグと解読
（主にバナーなどを使う時のタグ）

このタグは、画像タグとリンクタグの複合です
しかし、二つのタグが分かってると簡単です
これが、PureBibleのバナーです

このタグはこうなってます

<A href=" http://plaza.rakuten.co.jp/PureBible/ " target="_blank" >
<IMG src=" http://plaza.rakuten.co.jp/img/user/87/20/3978720/3.gif " border="0" >
</A>

このバナーは新しくページを開くリンク blank を使いました
必要に応じて普通のリンク top に変えてください
見た目ややこしいかな？
こう見ると簡単かな？
<A href=" リンク先URL " target="_blank" > リンク先の名前など </A>
これは、リンクのタグだよね？
このリンク先の名前の所に画像タグを載せるだけ
リンク先の名前が画像になるって事だよ
分かるかな？取り合えず画像タグの解説です

１．移動先のURL
２．リンクの種類
３．画像のURL
４．リンクを終わらすタグ
ここで新しいタグは
５．border="0"だね？
これを使わずに画像リンクを貼ると。。。
　こんな感じに青い枠が付きます
これを無くすためのタグが border="0" だよ