Ｙｕｍｉ’ｓ　ＲＯＯＭ

Ｙｕｍｉ’ｓ　ＲＯＯＭ

見ちゃダメ！(P1)




Page1　リンク


1： テキストリンクの色を変える

私の場合、元々の設定はピンク色。
右のタグ使ったら･･･
色数値ff9900って入れたの。オレンジになったでしょ？

参考までに･･･ サンプル
ピンク以外のトコは、この方法で変えてあります。

色数値はここ

<a href=" リンク先アドレス "><font color="# 色数値 "> 表示させたい文字 </font></a>

この中の文字を、コピー＆
ペーストして使ってね♪

2： 画像を貼ってリンクする。

バナーリンクなんかは、この方法で出来ます。

画像ＨＴＭＬとは、｢画像倉庫｣の｢この画像を表示する｣の所にあるもの。<IMG SRC="～">のまま入れてね。

ちなみに<IMG SRC="～" border="0" >と付け加えると、枠が消えます。borderの前に半角スペース入れてね。

車１ 　→　 車１

参考までに･･･ サンプル
お友達リンクはこれで作ってます。

<a href=" リンク先アドレス "> 画像ＨＴＭＬ </a>

この中の文字を、コピー＆
ペーストして使ってね♪

3： リンク先を別ウィンドウで表示

今の画面を表示したまま別の画面も見て欲しい時に、使ってね。
このページの１の 色数値はここ なんかは、この方法です。

試しにクリックしてみて！
普通はこうなる･･･ 　→　 この方法を使うと･･･

<a href=" リンク先アドレス " target="blank"> 表示したい文字や画像 </a>

この中の文字を、コピー＆
ペーストして使ってね♪

4： ページ内の好きな場所にリンクを貼る

ただアドレス貼っただけだと、そのページの一番上が表示される。
見て欲しい所が下の方にある場合、そこにたどり着いてもらえるか、心配でしょ？
そんな時、この方法を使いましょう！

この｢タグ講座｣のもくじはこの方法です♪
右側の Page1-4 をクリックしてみて！
もちろん同じページ内でも使えるよ♪
右上の神社名クリックしてみて！

※この方法を使うには下の｢5:名前を付ける｣とセットでやってね！

<a href=" リンク先アドレス # 指定する場所の名前 "> 文字・画像など </a>

この中の文字を、コピー＆
ペーストして使ってね♪

5 ： ページ内の好きな場所に名前を付ける

名前は半角英数字ならＯＫです。
ページ内でダブらなければいいので、
私は簡単に1､2,3,･･･と付けてます。 ちなみに、文字を挟まなくても使用可能です。
私は、最後の</a>は付けてないです。
これで何か不都合が生じるかどうかは･･･不明ですが。

このタグで指定した部分が画面の上ギリギリに来てしまうので、あまり見栄えがヨロシクないと思う方は、<br>を１つか２つ間に入れてみて！
　　↓↓↓
つまりこういう事。両方クリックしてみて！
普通はこうなる ･･･右のタグ通りに｢5：ページ内の～｣を挟みました。
こうするとキレイでしょ？ ･･･<a name="名前"><br>｢5：ページ内の～｣と並べました。最後の</a>は省略。
お試しあれ☆

※これは、上の｢4:好きな場所にリンクを貼る｣を実現させる為の下準備です！

<a name=" 名前 "> 指定する場所 </a>

この中の文字を、コピー＆
ペーストして使ってね♪

6： メールを受ける

アドレスを教えるんじゃなくて、クリックするだけでメール入力画面があて先入りで出てくる方法。

右のタグの< >内の青いトコに入れる文字は半角英数字のみの様です。ひらがな・カタカナ・漢字は登録は出来たけど、文字化けしてました。

試しに下のメールの絵を、クリックしてみて！
メルアドと件名はあらかじめ設定してあるから、文章入れて送信するだけ。

メールは メール まで♪
※テスト環境です！
(本当にメール送らないでね。返事出来ません)

<a href="mailto: メールアドレス ?subject= 件名 &body= 本文 "> 文字・画像など </a>

この中の文字を、コピー＆
ペーストして使ってね♪



次へ このページの一番上へ もくじへ トップへ




© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: