タダでインターネットでお小遣いを稼ぎましょう！

タダでインターネットでお小遣いを稼ぎましょう！

スポンサードリンク
はじめての方へ
 

リンク

前のページへ
 

 
リンク

リンクを設定する   ↓

テキストや画像にリンクを設定します
★には、リンク先の URL を記述します

<a href="★"> 〜 </a>

<a href="http://tno-yotaka37upc.com/">T,N,O〜タダでネットでお小遣い</a>

 

サンプル

T,N,O〜タダでネットでお小遣い

画像を使ってリンクする場合はコメントの部分に画像の URL を指定します

<a href="★"><img src="★"></a>

サンプル

T,N,O〜タダでネットでお小遣い

このページの上へ

 

ページ内でリンクする   ↓

ページ内の指定した位置にジャンプさせます

<a href="#★"> 〜 </a>   指定した場所へのリンク
<a name="★"> 〜 </a>   リンク先
 
★の部分は半角英数字でお好きなキーワードを記述
ただし、編集しやすいキーワードをつけたほうが良いでしょう。
 

<a href="#r001">このページの下へジャンプします</a>
<a name="r001">ここにジャンプしました</a>

 

サンプル

このページの下へジャンプします

別ページの指定した位置にジャンプさせるときは、
# の前に別ページの URL を記述する

<a href="★.html#★"> 〜 </a>   別ページの指定した場所へのリンク
<a name="★"> 〜 </a>   リンク先

このページの上へ

 

リンク先を別ウィンドウで開く   ↓

通常のリンクはリンク先が同じウィンドウで表示されますが、
target 属性で、別ウィンドウで表示することができます

<a href="★" target="★"> 〜 </a>
 
<a href="http://tno-yotaka37upc.com/" target="_blank">
T,N,O〜タダでネットでお小遣い</a>
 

サンプル

T,N,O〜タダでネットでお小遣い


※別ウィンドウで開きます

このページの上へ

 

リンクを動かす 1   ↓

marqueeを使う

<a href="★"marquee width="400px" behavior="alternate" direction="left" align="middle" border="1">タダでネットでホームページを作ろう！</marquee></a>
 

サンプル↓

タダでネットでホームページを作ろう！

このページの上へ

 

リンクを動かす 2   ↓

カーソルを合わせるとテキストが斜体になります
<head> 〜 </head>内に記述

<style type="text/css">
<!-- A:hover {position:relative; top:2; left:2} -->
</style>
 

サンプル

このページの上へ

 

リンクにカーソルを重ねるとヒントテキストを表示   ↓
<a href="★" title="★"> 〜 </a>
 
<a href="URL" title="テキスト">テキスト</a>
 

サンプル

リンクにカーソルを重ねると


このページの上へ

 

リンクにカーソルを重ねるとジャンプする   ↓
<a href="★" onMouseOver=location.href='★'> 〜 </a>
 
<a href="URL" onMouseOver=location.href='URL'>テキスト</a>
 

サンプル

タダでネットでお小遣い〜別館〜


※サンプルなので、すぐ上ののテキストににジャンプ

このページの上へ

 

リンクの下線を消す   ↓
<a href="★" <style="text-decoration: none;"> 〜 </a>
 
<a href="URL" <style="text-decoration: none;">こんな感じで下線が消えます</a>
 

サンプル

こんな感じで下線が消えます


このページの上へ

 

リンクの下線を消す（ページ全体）   ↓

<head> 〜 </head>内に記述

<style type="text/css">
<!--
A{text-decoration:none}
-->
</style>

このページの上へ

 

リンクにカーソルを重ねると下線がでる（ページ全体）   ↓

<head> 〜 </head>内に記述

<style type="text/css">
<!--
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
-->
</style>

このページの上へ

 

リンクでメールを送信する   ↓

メールソフトを起動

<a href="mailto:メールアドレス">メール送信</a>
 

サンプル

メール送信

※サンプルなので送信はできませんが、メールソフトが起動します。

このページの上へ

 

★

★

★

★

★

★

★

★

★

★

★

★

★

ここにジャンプしました      

元のところにジャンプします

★

★

★

★

★

★

★

★

★

★

★

★

★

★

 

このページの上へ