タダでネットでホームページを作ろう！
● 大きい文字にする ● 小さい文字にするリンク
| リンクを設定する ↓ | |
|
テキストや画像にリンクを設定します <a href="http://tno-yotaka37upc.com/">タダでネットでお小遣い〜本館〜</a> タダでネットでお小遣い〜本館〜画像を使ってリンクする場合はコメントの部分に画像の URL を指定します <a href="★"><img src="★"></a>
| |
| ページ内でリンクする ↓ | |
|
ページ内の指定した位置にジャンプさせます <a href="#★">〜</a> 指定した場所へのリンク<a name="★">〜</a> リンク先 ★の部分は半角英数字でお好きなキーワードを記述 ただし、編集しやすいキーワードをつけたほうが良いでしょう
<a href="#r001">このページの下へジャンプします</a> 別ページの指定した位置にジャンプさせるときは、 <a name="★">〜</a> リンク先 | |
| リンク先を別ウィンドウで開く ↓ | |
|
通常のリンクはリンク先が同じウィンドウで表示されますが、 <a href="http://tno-yotaka37upc.com/" target="_blank"> タダでネットでお小遣い〜本館〜</a> サンプル タダでネットでお小遣い〜本館〜※別ウィンドウで開きます | |
| リンクを動かす ↓ | |
|
marqueeを使う <a href="★"marquee width="400px" behavior="alternate" direction="left" align="middle" border="1">タダでネットでホームページを作ろう！</marquee></a> | |
| リンクを動かす 2 ↓ | |
|
カーソルを合わせるとテキストが斜体になります
| |
| リンクにカーソルを重ねるとヒントテキストを表示 ↓ | |
|
<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>内に記述
| |
| リンクにカーソルを重ねると下線がでる（ページ全体） ↓ | |
|
<head>〜</head>内に記述
| |
| リンクでメールを送信する ↓ | |
|
メールソフトを起動 <a href="mailto:メールアドレス">メール送信</a>サンプル ※サンプルなので送信できません |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ここにジャンプしました 元のところにジャンプします |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |
| ★ |