| リンクを貼る | |
|---|---|
|
<a href="URL">文字</a> |
クリック ←トップにジャンプします。 URLについては考え方参照。 |
| 画像からリンク | |
|
<a href="URL"><img src="画像URL"></a> |
 ←画像をクリック。 |
|
<a href="URL"><img src="画像URL" border="0"></a> |
←border="0"をつけると見栄えよくなります。 |
| リンクにコメント | |
|
<a href="URL" title="コメント">文字</a> | クリック ←マウスをおいてみて。 |
| メールを付ける | |
|
<a href="mailto:アドレス">文字</a> |
メール ←押すとメール機能作動。 |
|
<a href="mailto:アドレス"><img src="画像URL"></a> |
 ←画像からでもＯＫ。 |
| リンクの色を変える | |
|
<body>を↓ <body link="リンクの色" alink="クリック時のリンクの色" vlink="移動済みのリンク色"> に変更！！ ここでは、link="blue" alink="red" vlink="blueとしてます→ |
クリック１ ←１度も訪れてない クリック２ ←１度は訪れた ※クリック１は未訪問のためにわざとジャンプ先をエラーにしてます。 ※クリック１を押すと２度目からは黒く表示されます。 ※クリック１,２共にクリックしたらすぐ離してみてください。赤く表示されます。 |
| ページ内をジャンプ | |
|---|---|
|
手順@ ジャンプする場所に名前を付ける。 <a name="名前">文字</a> 手順A リンクを貼る。 <a href="#手順@の名前">文字</a> ※ # を忘れずに。 |
リンゴ(name="type01") みかん(name="type02") ブドウ(name="type03") リンゴ(href="#type01") みかん(href="#type02") ブドウ(href="#type03") |
| リンク先を別ウィンドで表示 | |
|
<a href="URL" target="_blank">文字</a> |
クリック ←新しくウィンドが出ます！ |
| ボタンでリンク | |
|
<form> <input type=button value="文字" onClick=top.location.href="URL"> </form> | |
| ラジオボタンでリンク | |
|
<form> <input type=radio onClick=top.location.href="URL">文字 </form> | <input type=radio onClick=top.location.href="URL">文字を<form>〜</form>内で増やせばいくつでも作成可能！ |
| セレクトボックスでリンク | |
|
<form> <select onChange="location.href=this.options[this.selectedIndex].value"> <option selected>タイトル <option value="URL1">文字1 <option value="URL2">文字2 <option value="URL3">文字3 </select> </form> | <option value="URL">文字を増やせば項目を増やすことができます！ |
| ボタンでリンク２ | |
|
<form> <input type=button value="文字" onClick=top.location.href="URL" style=border-color:"枠の色";background:"背景色";color:"文字色";> </form> | 自分で色を変更することができます。 |
| メールを付ける２ | |
|
<a href="mailto:アドレス ?subject=題名 &body=内容">文字</a> |
メール 題名や内容もこちらで決めることができます。 いろいろと便利！ |
| 違うフレームに表示 | |
|
※この技術はフレーム分けをできる人のみ対象です。 手順@ フレームをわけフレームに名前を付ける。 <frame src="表示するファイル名" name="名前"> 手順A リンクを貼る。 <a href="アドレス" target="表示したいフレーム名">文字</a> |
変更１ ページ右 変更２ ページ左下 変更３ ページ左上 フレームを使うととても便利に表示できます。 |
| 数秒後に勝手にジャンプする | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <meta http-equiv="refresh" content="ジャンプする時間(数字);url=URL"> |
ここを開いてみてください。 移転などした時などに便利ですね。 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 触れると勝手にジャンプする | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
| <a onMouseOver=location.href="URL">文字</a> | ここに触れると飛びます。 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 特殊効果 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
| <meta http-equiv=Page-Enter content=revealTrans(Duration="スピード(数字)" Transition="効果(数字)")> |
ページに入った時の特殊効果です。 速さは数字が大きいほど遅くなります。 効果は下の表を参照。 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| <meta http-equiv=Page-Exit content=revealTrans(Duration="スピード(数字)" Transition="効果(数字)")> |
ページから出た時の特殊効果です。 速さは数字が大きいほど遅くなります。 効果は下の表を参照。 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 携帯のキーでジャンプする | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
| <a href="URL" accesskey="キー(数字)">文字</a> |
この場合、リンクを選んでも数字を押してもジャンプできるようになっています。 ＰＣの場合は確認のし様がありません(ｗ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
