リンクタグ



HTML  〜タグ〜


リンクタグ


 テキストで同窓リンク 別窓リンク。 文字でリンクさせるタグ。

<a href="アドレス">文字</a>

同じウインドウで開きます。



<a href="アドレス" target="_blank">文字</a>

新しいウインドウで開きます。



サイト上部へ↑  トップページへ



 画像で同窓リンク 別窓リンク。 画像でリンクさせるタグ。

<a href="アドレス"><img src="画像アドレス" border="0"></a>

画像で同じウインドウでリンクさせるタグ。



<a href="アドレス" target="_blank"><img src="画像のアドレス" border="0"></a>

画像で別ウインドウでリンクさせるタグ。


サイト上部へ↑  トップページへ


 リンク窓の指定をするタグ。新ウインドウ、同ウインドウ、全画面、指定フレームで開く。

<a href="アドレス" target="_parent">文字</a>

新しいウインドウを開いてリンクさせます。



<a href="アドレス" target="_self">文字</a>

同ウインドウで開いてリンクさせます。



<a href="アドレス" target="_top">文字</a>

全画面でリンクを開きます。

※フレームがたくさんあるときとか使います!フレーム関係なしに開くってこと。わかりにくい...



<a href="アドレス" target="フレーム名">文字</a>

指定フレームでリンクを表示させるタグ。


サイト上部へ↑  トップページへ



 説明付きリンク。リンクのテキストや画像に触れたとき説明を出すことができる。

<a href=アドレス title=説明>文字</a>

説明付きリンク(同窓リンク) サンプル



<a href=アドレス title=説明 target=_blank>文字</a>

説明付きリンク(新ウインドウ)


説明の途中で改行したいときは&#13;を入れたら改行できます。





<a href=アドレス onMouseOver=document.form.text.value='説明' onMouseOut=document.form.text.value=''>文字</a>

フォームに説明を出します。

サンプル


フォームのタグはこちら
<form name=form><input size=フォームの大きさ name=text></form>



新ウインドウでリンクさせたいときのタグはこちら
<a href=アドレス onMouseOver=document.form.text.value='説明' onMouseOut=document.form.text.value='' target=_blank>文字</a>



サイト上部へ↑  トップページへ


 リンクボタンタグ。 ボタンでリンクさせる。

<input type=button value=文字 style=BORDER-STYLE:solid;BORDER-WIDTH:1px;BORDER-COLOR:枠色;COLOR:文字色;BACKGROUND:背景色;font-size:数値pt; onClick=location.href='アドレス'>

ボタンでリンクさせます。

 サンプルは8pt

サイト上部へ↑  トップページへ



 セレクトリンクタグ。 ▼を押すことでリンク先を複数表示させる。

<select onChange=if(this.options[this.selectedIndex].value!='AA')
{location.href=this.options[this.selectedIndex].value} style=background-color:背景色;color:文字色;font-size:サイズpt>
<option selected value=AA>最初に表示される文字
<option value=URL1>文字1
<option value=URL2>文字2
<option value=URL3>文字3
</select>



 
 サンプルは10pt

サイト上部へ↑  トップページへ



 メルアドリンクタグ。メールアドレスへのリンクタグ。

<a href="mailto:メアド">文字</a>

基本的なメアドリンク



<a href="mailto:メアド?Subject=件名&body=本文">文字</a>


件名などを指定

サイト上部へ↑  トップページへ



 同ページリンクタグ。同ページでリンクさせるタグ。

@ <a name="名前">文字</a>

リンク先にしたい場所に使うタグ。

※ 名前は半角英数字で!

A <a href="#名前">文字</a>

@を貼った場所にリンクさせるタグ。



サイト上部へ↑  トップページへ



 隠しリンクタグ。リンクのテキストに触れてもリンクの文字だと分からない。

<a onclick="location.href='アドレス'">文字</a>

隠しリンクのタグ。 こちらは同ウインドウで開きます。



<a onclick="window.open('アドレス')">文字</a>

隠しリンクのタグ。 こちらは新ウインドウで開きます。



サイト上部へ↑  トップページへ










サイト上部へ↑  トップページへ


メニュー
HTML基本構造
HTML HEAD要素
HTML Body属性
HTML基本タグ
HTML文字タグ
HTML画像タグ
HTMLリンクタグ
HTMLラインタグ
HTMLリストタグ
HTMLテーブルタグ
HTMLアイフレームタグ
HTMLフレームタグ
HTMLテキストエリアタグ
HTMLカラーコード
HTMLその他タグ
HTMLリンク集







おすすめ


1GB無料ホームページ
完全に一行広告の表示が
消えました!お勧めです。
当サイトも使用中
サイト最下部にPowered by FC2.comと表示されるだけ!


PR







私はこれで会社を辞めました
一日たった1〜2時間の作業でOKなインターネットで行えるビジネスとは?


いつまで貧乏くじを引きますか?
あなたは、しっかり検討しましたか?


育児と家事だけの人生なんて嫌!
ビジネスをやっても成功しない、全然楽しくない。 楽しくて・成功するビジネスとは?


アフィリエイトの時代は終わった!
アフィリエイトは手間ばかりかかって月に5,000円も稼げない・・・・


月3万円が余分にある生活
私たちはビジネスの提案ではなく、ライフスタイルを提案しています。


貧乏から金持ちへ
3分だけ時間を下さい。けして無駄な時間にはしませんから。



















Copyright(C) HTMLタグ All Rights Reserved


inserted by FC2 system