【-HOME-BACK-】
サンプルはこちら
下記のソースをコピーしてください。
<html> <head> <title>カテゴリーリンク</title> <base target="_blank"> <STYLE TYPE="text/css"> <!-- A{ text-decoration:none;/*マウスが触れていない状態*/ } A:hover{ text-decoration:underline;color:#ff0000;/*オンマウスの状態*/ } body,table{ font-size:90%;/* ページ全体の文字のサイズ*/ } table{ color: #000000;/* 文字の色*/ background-color: #FFF7FB;/* テーブルの背景色*/ border: 1px solid #c0c0c0;/* テーブル枠線の色*/ } th{ background-color: #FFcccc;/* 見出しの色*/ } --> </style> </head> <body> <div align="center"> <table border="0" cellpadding="2" cellspacing="0" width="100"> <tr> <th><font size="4">LINK</font></th> </tr> <tr> <td align="center"><a href="index.html">HOME</a></td> </tr> </table> <form method="post" name="tt"> <table border="0" cellspacing="1"> <tr> <td><select name="ss" size="1"> <option>▽選択して→でGO▽</option> <option value="#link01">インターネット</option> <option value="#link02">ホームページ作成</option> <option value="#link03">素材屋さん</option> <option value="#link04">男性個人サイト</option> <option value="#link05">女性個人サイト</option> <option value="#link06">その他</option> </select> <input type="button" value="GO" onclick="location.href=document.tt.ss.options[document.tt.ss.selectedIndex].value"></td> </tr> </table> </form> <table border="0" cellpadding="3" cellspacing="0" width="468"> <tr> <th align="left" colspan="2"><a name="link01"></a>◆インターネット</th> </tr> <tr> <td width="100"><a href="http://dir.yahoo.co.jp/Computers_and_Internet/Software/Programming_Tools/Programming_Languages/JavaScript/"><img src="http://img.yahoo.co.jp/images/yahoojp_sm.gif" border="0" width="88" height="23"></a></td> <td><a href="http://dir.yahoo.co.jp/Computers_and_Internet/Software/Programming_Tools/Programming_Languages/JavaScript/">Yahoo-! Japan</a><br> 検索サイト</td> </tr> <tr> <td width="100"><a href="http://www.0574.jp/r3htm/ranklink.cgi?id=71t"><img src="http://siriasu.s10.xrea.com/71t/random/img//0574.gif" border="0"></a></td> <td><a href="http://www.0574.jp/r3htm/ranklink.cgi?id=71t">0574.WSR</a><br> ランキングサイト</td> </tr> <tr> <td width="100"><a href="http://hccweb1.bai.ne.jp/siriasu/x/"><img src="http://hccweb1.bai.ne.jp/siriasu/x/banner/banner_02.gif" border="0" width="88" height="31"></a></td> <td><a href="http://hccweb1.bai.ne.jp/siriasu/x/">WEB MASTER RANKIG</a><br> 登録型ジャンル別ランキングサイト</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> </table> <br> <table border="0" cellpadding="3" cellspacing="0" width="468"> <tr> <th align="left" colspan="2"><a name="link02"></a>◆ホームページ作成</th> </tr> <tr> <td width="100"><a href="http://siriasu.s10.xrea.com/"><img src="http://siriasu.s10.xrea.com/img/siriasu.net.banner01.gif" border="0" width="88" height="31"></a></td> <td><a href="http://siriasu.s10.xrea.com/">初心者向けHP作成支援 siriasu.net</a><br> HP作成講座 HTML、スタイルシート、JavaScriptの解説</td> </tr> <tr> <td width="100"><a href="http://siriasu.s10.xrea.com/71t/"><img src="http://siriasu.s10.xrea.com/71t/img/banner.gif" border="0" width="88" height="31"></a></td> <td><a href="http://siriasu.s10.xrea.com/71t/">71Tips</a><br> コピペで使える、HTML、スタイルシート、JavaScript</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> </table> <br> <table border="0" cellpadding="3" cellspacing="0" width="468"> <tr> <th align="left" colspan="2"><a name="link03"></a>◆素材やさん</th> </tr> <tr> <td width="100"><a href="http://siriasu.s10.xrea.com/71t/"><img src="http://siriasu.s10.xrea.com/71t/img/banner.gif" border="0" width="88" height="31"></a></td> <td><a href="http://siriasu.s10.xrea.com/71t/">71Tips</a><br> コピペで使える、HTML、スタイルシート、JavaScript</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> </table> </center> <br> <table border="0" cellpadding="3" cellspacing="0" width="468"> <tr> <th align="left" colspan="2"><a name="link04"></a>◆男性個人サイト</th> </tr> <tr> <td width="100"><a href="http://siriasu.s10.xrea.com/71t/"><img src="http://siriasu.s10.xrea.com/71t/img/banner.gif" border="0" width="88" height="31"></a></td> <td><a href="http://siriasu.s10.xrea.com/71t/">71Tips</a><br> コピペで使える、HTML、スタイルシート、JavaScript</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> </table> <br> <table border="0" cellpadding="3" cellspacing="0" width="468"> <tr> <th align="left" colspan="2"><a name="link05"></a>◆女性個人サイト</th> </tr> <tr> <td width="100"><a href="http://siriasu.s10.xrea.com/71t/"><img src="http://siriasu.s10.xrea.com/71t/img/banner.gif" border="0" width="88" height="31"></a></td> <td><a href="http://siriasu.s10.xrea.com/71t/">71Tips</a><br> コピペで使える、HTML、スタイルシート、JavaScript</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> </table> <br> <table border="0" cellpadding="3" cellspacing="0" width="468"> <tr> <th align="left" colspan="2"><a name="#link06"></a>◆その他</th> </tr> <tr> <td width="100"><a href="http://siriasu.s10.xrea.com/71t/"><img src="http://siriasu.s10.xrea.com/71t/img/banner.gif" border="0" width="88" height="31"></a></td> <td><a href="http://siriasu.s10.xrea.com/71t/">71Tips</a><br> コピペで使える、HTML、スタイルシート、JavaScript</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> <tr> <td width="100">バナー</td> <td>コメント</td> </tr> </table></div><div align="right"> <table border="0" cellpadding="5" cellspacing="0" width="100"> <tr> <td align="center"><font size="1">By </font><a href="http://siriasu.s10.xrea.com/71t/"><font size="1">71Tips</font></a></td> </tr> </table> </div> </body> </html>