テキストリンク/HTMLタグ素材集

リンクの下線を消す

(ページ全体)
トップページへ
↑
(この文字はindexにリンクされています)

・こちらは[head]～[/head]の間に挿入してください。

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

リンクの下線を消す２

(リンクの下線を個別に消す)

<a href="ページのアドレス" style="text-decoration:none">
リンクする文字</a>

フレーム用(フレームをご使用の場合はこちらのタグをコピペして下さい)

<a href="ページＵＲＬ" target="フレーム名" style="text-decoration:none">
リンクする文字</a>

リンクポイント時に背景色をつける

(ページ全体)
トップページへ
↑
(カーソルを上に置いてみてください)

・こちらは[head]～[/head]の間に挿入してください。

<style type="text/css">
A:hover {background-color:カラーコード;}
</style>

リンクポイント時に背景色をつける２

トップページへ

(個別に背景色をつける)

<span onmouseover="this.style.background='背景色'" onmouseout="this.style.background='ページの背景色'">
<a href="ページのURL">リンクする文字</a></span>

フレーム用(フレームをご使用の場合はこちらのタグをコピペして下さい)

<span onmouseover="this.style.background='背景色'" onmouseout="this.style.background='ページの背景色'">
<a href="ページＵＲＬ" target="フレーム名">リンクする文字</a></span>

リンク文字の色を指定する

[link]未クリックの色
[vlink]クリック済みの色
[alink]クリック中の色

<BODY link="カラーコード" vlink="カラーコード" alink="カラーコード">

カーソルをのせると説明文がでる

トップページへ
↑
(カーソルを上に置いてみてください)

<A href="アドレス" title="説明文">リンクする文字</A>

フレーム用(フレームをご使用の場合はこちらのタグをコピペして下さい)

<A href="ページＵＲＬ" target="フレーム名" title="説明文">
リンクする文字</A>

カーソルをのせると別の場所に説明文が表示される

トップページへ
↑
カーソルをのせてみて下さい
[span][/span]の場所に文字が表示されます。

<span ID="msg"></span>

<a href="index.html" onMouseOver="msg.innerHTML='表示される文字'"onMouseOut="msg.innerHTML=''">リンクする文字</a>

フレーム用(フレームをご使用の場合はこちらのタグをコピペして下さい)

<span ID="msg"></span>

<a href="ページＵＲＬ" target="フレーム名" onMouseOver="msg.innerHTML='表示される文字'"onMouseOut="msg.innerHTML=''">リンクする文字</a>

カーソルをのせるとステータスバーに文字を表示、離すと非表示

トップページへ

<a href="ページのURL" onmouseover="status='ステータスバーの文字';return true"onmouseout="status=''">リンクする文字</a>

フレーム用(フレームをご使用の場合はこちらのタグをコピペして下さい)

<a href="ページＵＲＬ" target="フレーム名" onmouseover="status='ステータスバーの文字';return true"onmouseout="status=''">リンクする文字</a>

カーソルをのせると自動的にリンク先に移動

このページトップへ

<span onmouseover="location.href='linkfont.html'">リンクする文字</span>

ウインドウサイズを指定して小窓を開く

カラーパレットページへ

<a href="javascript:w=window.open('ページＵＲＬ','ページタイトルなど','scrollbars=yes,width=300,height=300');w.focus();">リンク文字</a>