347234 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

初心者用★HPタグ集画像・リンク編

★★初心者向けのHPタグ集★★


ここでは簡単なHPタグ集を掲載しています。初心者向けなので、上級者の方には
物足りないかと思われますが、ご了承ください。



★画像・リンク編★


●画像タグ

<IMG SRC="URL" WIDTH="数字" HEIGHT="数字" ALT="タイトル">

【下にあるサンタ画像をだしてみよう♪】


サンタ&トナカイ




○楽天で画像をアップするには、画像の倉庫で画像のファイルをアップロードします。
*アップできるファイルの拡張子は『jpg』『png』『gif』の3種類です。楽天では『bmp』はアップロードできません。
 『bmp』をアップしたければ、ジオシティなどにアップし そこからURLを引っ張ってきましょう^^


まずは、お好きな画像を保存します。(保存したい画像の上で右クリック→『名前をつけて画像を保存』を選択)
次に、保存した画像を 画像の倉庫でアップロードさせます。
(参照をクリックして、ファイルを選ぶ。)

画像をアップロードできたら、アップロードできた画像をクリックしてみましょう。

<IMG SRC="http://plaza.rakuten.co.jp/img/user/95/08/3089508/160.gif" width="164" height="56" alt="サンタ&トナカイ">

↑こんなのが出てくるはずです(笑)

あとは、これをコピーして貼り付けるだけ♪






●リンク編



○リンクさせるタグ

<a href="リンク先のURL">文章or画像</a>

↑のタグでリンクさせた場合、リンクしているところをクリックしたら
現在開いているページがそのままリンク先に移動します。





○新たに窓を作ってリンクさせるタグ


『<a href="リンク先のURL" target=_blank>文章or画像</a>』

*試すとこんな感じになります。→クリックしたらBBSに飛ぶよ(o ̄∇ ̄)ツ))




○リンクの色を消すタグ


画像にリンクを仕掛けた場合、画像の周りに色がついちゃいますよね^^
あれを消すタグです。

★下の画像のように、HOMEトップへのリンクを作ってみましょう。(このリンクは別窓にしてあります)




<a href="リンク先のURL"><IMG SRC="画像URL" border="0"></a>



画像URLの後に、半角スペースを1つ入れて『border="0"』を入れるだけでリンクの色を消すことができます。








もっと詳しく知りたい方は↓のサンタからどうぞ^^








© Rakuten Group, Inc.