.

（２０２２年１月タグ関係テストページ

ホームに戻る

リンク リロード 更新    CSS利用  a href=  <button type="button"  <input type="button" value="ボタン"

 

NO

タグ

001

<a href="2019pinpon5k.htm" class="btn-flat-vertical-border">クラブ１２７０紹介コーナーに移動ボタン</a>

002

<a href="index.html" class="btc-flat-vertical-border">ホームに戻る</a>

003

<div class="container"> <p align="center"><a href="202106yatyous.htm" class="bta-border">野鳥の写真集</a></div>

004

<div class="container"> <p align="center"><a href="index.html" class="btx-border">ホームに戻る</a></div>

005

<div class="container"> <p align="center"><a href="202102yatyous.htm" class="bta-border">野鳥写真集 (21年1-2月撮影)</a></div>

006

<div class="button008"> <p align="center"><a href="202106yatyous.htm">野鳥の写真</a></div>

007

<div class="button008"> <p align="center"><a href="202106yatyous.htm">野鳥の写真</a></div>  

008

 

<div class="button005"><p align="center"><a href="index.html">ホームに戻る</a></div>

 

009

 

<div class="button021"><p align="center"><a href="index.html">ホームに戻る</a></div>

 

010

 

<div class="container"> <a href="index.html" class="btn-push">ホームに戻る</a></div>

 

011(青)枠有り

 <p> <a href="index.html" class="grabutton001">ホーム</a></p>

012（薄茶枠有り小)

 <p><a href="index.html" class="grabutton002">ホームに戻る</a></p>

013(青枠有り）

 <p><a href="202204svsagifa.htm" class="grabutton001">練習活動を写真スライドショーで紹介</a></p>

014(緑枠有り小)

<p><a href="202204yatyousgifa.htm" class="grabutton003">野鳥の写真</a></p>

015(青枠有り小)

<p><a href="index.html" class="grabutton005">ホームに戻る</a></p>

016(青枠有り小）

<a href="202204yatyousgifa.htm" class="grabutton004">野鳥の写真集</a><font size="2" color="blue">&nbsp;&nbsp;22年1-2月撮影</font></p>

017

 <p><a href="#" class="btn-push">TOPに戻る</a></p

018

 <p> <a href="202204svsagifa.htm" class="btc-flat-vertical-border">大画面スライドショー</a></p>

019a（赤系枠有り普通)

<p><a href="https://www.youtube.com/channel/UCdGFjftqLle0XAcr1HQN-kA" class="grabutton008" target="_blank">ピンポンクラブ１２７０</a></p>

019b（赤系枠有り普通)

<p><a href="https://www.youtube.com/user/heiseisasuke/video" class="grabutton008" target="_blank">ピンポンクラブ１２７０/動画</a></p>

020（青枠有り小)

 <p><a href="#" class="grabutton005">ページトップに戻る</a></p>

021

 <p><button type="button" class="btn003" onclick="location.reload();">再生中でも終了後でもこのボタンで最初に戻ります</button></p>

022

<p><button type="button" class="btn003" onclick="location.reload();">このボタンで最初に戻り停止します</button></p>

023

<p><button type="button" class="btn003" onclick="location.href='202204yatyousgifa.htm'">大画面スライドに移動</button></p>

024

<p><button type="button" class="btn003" onclick="location.hash='#TOP';">TOPに戻る</button></p>

025

<input type="button" value="ボタン" style="background-color:#ccccff" onmouseover="this.style.background='#ccffcc'" onmouseout="this.style.background='#ccccff'" onclick="alert('別に表示されるのみです');">

026ok
jap入れた

<input type="button"  value="更新ボタン" style="background-color:#ccccff" onmouseover="this.style.background='#ccffcc'" onmouseout="this.style.background='#ccccff'"  onclick="koshin()">

027ok
jap入れた
 

<input type="button"  value="更新"    style="color:#ffffff;background-color:#0000ff;" onclick="koshin()">

028ok
カラー
指なし

カラー赤茶指なし              <INPUT type="button" style="color:#ffffff;background-color:#C71585;" onclick="history.back()" value="ホームに戻る">

029ok
青色
指出ず

<INPUT type="button" style="color:#ffffff;background-color:#0000FF" onclick="location.href='http://wwwamesan.sakura.ne.jp/202204yatyousgifa.htm'" value="野鳥の写真集">

030ok
指出る
黒文字

<input type="button" style="cursor:pointer;" onclick="location.href='http://wwwamesan.sakura.ne.jp/202204yatyousgifa.htm'" value="大画面スライドに移動">

031ok
指出ない

<input type="button" onclick="history.back()" value="ホームに戻る">

032ok
指出る

<input type="button" style="cursor:pointer;" onclick="history.back()" value="ホームに戻る">

033

<input type="button" value="装飾ボタンの例" class="decoButton">

034ok
指出る

<input type="button" value="このボタンで最初に戻り停止します" style="cursor:pointer;"  onclick="window.location.reload();" />

035ok
指出る

<input type="button" value="再生中でもこのボタンクリック 開始画面に戻ります" style="cursor:pointer;" onClick="history.go(0)">

036ok
カラー
指出ない

<input type="button" value="再生中でもこのボタンで最初に戻ります" style=" background-color:#ccccff"  onmouseover=" this.style.background='#99ccff' " onmouseout="this.style.background='#ccccff'" onclick="window.location.reload();" />

037ok
 カラー
指出ない

<input type="button" value="再生中でもこのボタンで最初に戻ります" style="background-color:#d8bfd8" onmouseover="this.style.background='#ccffcc'" onmouseout="this.style.background='#d8bfd8'" onclick="window.location.reload();" />

038ok
 カラー
指出ない

<input type="button" value="このボタンで最初に戻り停止します" style="background-color:#e6e6fa" onmouseover="this.style.background='#ccffcc'" onmouseout="this.style.background='#e6e6fa'" onclick="window.location.reload();" />

039ok
 カラー
指出ない

<input type="button" value="再生中でもこのボタンで最初に戻ります" style="background-color:#e6e6fa" onmouseover="this.style.background='#ccffcc'" onmouseout="this.style.background='#e6e6fa'" onclick="window.location.reload();" />

040ok
カラー
指出ない 

<input type="button" value="再生中でもこのボタンで最初に戻ります" style="background-color:#e6e6fa" onmouseover="this.style.background='#ccffcc'" onmouseout="this.style.background='#e6e6fa'" onclick="window.location.reload();" />

041ok

指出ない

<a onclick="window.location.reload();" class="reload"><input type="button" value="再生中でもこのボタンクリック 開始画面に戻ります"> 

042ok
指出る

<input type="button"  value="更新" style="cursor:pointer;" onclick="koshin()">

043

 <p><input type="button"  value="リロードボタン"    style="color:#ffffff;background-color:#0000ff;" onmouseover="this.style.background='#ff00ff'"  onmouseout="this.style.background='#0000ff'"  onclick="koshin()"></p>

044

<input type="button"  value="リロードボタン" style="background-color:#ccccff" onmouseover="this.style.background='#ccffcc'" onmouseout="this.style.background='#ccccff'"  onclick="koshin()">

045

 <p><button type="button" class="btn002" onclick="location.reload();">再生中でもこのボタンで最初に戻ります</button></p>

046

 <p><button type="button" class="btn001" onclick="location.reload();">再生中でもこのボタンで最初に戻ります</button></p>

047

 <p> <a href="index.html" class="grabutton009">このページを閉じてホームに戻るボタン</a></p>

048(枠無し青

 <p><a href="#" class="grabutton011">テキストリンク</a></p> 

049(枠無し薄緑)

 <p><a href="#" class="grabutton012">テキストリンク</a></p> 

050枠無し赤茶色)

 <p><a href="#" class="grabutton013">テキストリンク</a></p> 

051枠無し緑色）

 <p><a href="#" class="grabutton014">テキストリンク</a></p> 

052(枠有り青）

 <p><a href="#" class="grabutton001">テキストリンク</a></p> 

053(枠有り赤系)

<p><a href="#" class="grabutton007">テキストリンク</a></p> 

054(枠有り緑)

 <p><a href="#" class="grabutton006">テキストリンク</a></p> 

055枠無し緑色小

 <p><a href="#" class="grabutton015">テキストリンク</a>  </p> 

056枠無し赤系小

 <p><a href="#" class="grabutton016">テキストリンク</a>  </p> 

001

クラブ１２７０紹介コーナーに移動ボタン

002

ホームに戻る

 003

野鳥の写真集
 004

ホームに戻る
 005

野鳥写真集 (21年1-2月撮影)
 006

野鳥の写真
 007

野鳥の写真
 008

ホームに戻る
 009

ホームに戻る
010

ホームに戻る
011

ホーム
012

ホームに戻る
013

練習活動を写真スライドショーで紹介
014

野鳥の写真
015

ホームに戻る
016

words_blue_new.gif  野鳥の写真集  22年1-2月撮影
017

TOPに戻る
018

大画面スライドショー
019a

ピンポンクラブ１２７０

019b

ピンポンクラブ１２７０/動画
020

ページトップに戻ります
021

022

023

024

025

026

027

028

029

030

031

032

033

034

035

036

037

038

039

040

041

042

 043

044

045

046

047

このページを閉じてホームに戻るボタン

048(枠無し青）

テキストリンク

049(枠無し薄緑)

テキストリンク

050(枠無し赤茶色)

テキストリンク

051枠無し緑色）

テキストリンク

052(枠有り青）

テキストリンク

053(枠有り赤系)

テキストリンク

054(枠有り緑)

テキストリンク

055枠無し緑色小

テキストリンク

０５６枠無し赤系小

テキストリンク

 

 yatyougouseikai070704.gif  a52usagiojigi62ani.gif  pinponanime.gif

bg4.gif

 asiroa70.gif

asirosiro70.gif 

background3.gif 

net_purple.gif 

 gray01.gif

background4.gif 

 grygrn02.gif

gray01.gif 

gryviolt1.gif 

 nth_zigzag_bg.gif

 white_paper1.gif

white_paper1.gif 

 asirosiro70.gif