以下がデザインをHTMLで制作したホームページのソースです。
SEO対策ネットに戻る
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>ふぁるるリンク</title>
<meta http-equiv="Content-Style-Type" content="text/css; charset=Shift_JIS">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="imagetoolbar" content="no">
<meta name="Author" content="ふぁるる">
<meta name="Keywords" content="ふぁるる,リンク,Link,相互">
<meta name="Description" content="ホームページのリンク、相互リンクについて">
<meta name="robots" content="index,follow">
<style type="text/css">
.seo{position:absolute;top:172px;left:800px;z-index:9;}
#txt1{font-size:40px;}
#txt2{font-size:30px;}
#txt3{font-size:28px;}
#txt4{font-size:17px;}
#txt5{font-size:15px;}
#txt6{font-size:12px;}
#txt7{font-size:3px;}
#txtr{color:red;}
#txtb{color:blue;}
#txty{color:yellow;}
#txtg{color:green;}
#txto{color:orange;}
#txtw{color:white;}
#txtp{color:purple;}
#txtp2{color:pink;}
</style>
</head>
<body>
<table height="25" width="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="700"><span id="txt4">
ふぁるるリンク、リンクについてのページです。
</span></td>
<td width="100" bgcolor="#C0C0FF"><span id="txt6">
pv
</span></td>
</tr>
</table>
<table height="5" width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#C0C0FF">
<tr><td></td></tr>
</table>
<table height="1" width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr><td></td></tr>
</table>
<table height="80" width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" summery="リンクフリー">
<tr>
<td width="300"><h1><span id="txt2">
リンクフリーです。
</span></h1></td>
<td width="500" bgcolor="#F0F0FF"><span id="txt5">
当サイトはリンクフリーです。リンクについてはテキストリンク、バナーリンクやリンク先ページなど何も問いません。
リンクしていただければ感謝です。
</span></td>
</tr>
</table>
<table height="1" width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr><td></td></tr>
</table>
<table height="1" width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#DDDDFF">
<tr><td></td></tr>
</table>
<table height="23" width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#DDDDEE">
<tr>
<td width="90"><span id="txtb"><span id="txt6">相互リンク1
</span></span></td><td width="10" bgcolor="#FFFFFF"></td>
<td width="90"><span id="txtb"><span id="txt6">相互リンク2
</span></span></td><td width="10" bgcolor="#FFFFFF"></td>
<td width="90"><span id="txtb"><span id="txt6">相互リンク3
</span></span></td><td width="10" bgcolor="#FFFFFF"></td>
<td width="90"><span id="txtb"><span id="txt6">相互リンク4
</span></span></td><td width="10" bgcolor="#FFFFFF"></td>
<td width="90"><span id="txtb"><span id="txt6">相互リンク5
</span></span></td><td width="10" bgcolor="#FFFFFF"></td>
<td width="90"><span id="txtb"><span id="txt6">相互リンク6
</span></span></td><td width="10" bgcolor="#FFFFFF"></td>
<td width="90"><span id="txtb"><span id="txt6">相互リンク7</span></span></td><td width="10" bgcolor="#FFFFFF"></td>
<td width="90"><span id="txtw"><span id="txt4">目次です。</span></span></td><td width="10" bgcolor="#FFFFFF"></td>
</tr>
</table>
<table height="1" width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#DDDDFF">
<tr><td width="709"></td><td width="91" bgcolor="#DDDDEE"></td><td width="10"></td></tr>
</table>
<table height="20" width="800" border="0" cellpadding="0" cellspacing="0">
<tr><td width="709"></td><td width="91" bgcolor="#DDDDEE"></td><td width="10"></td></tr>
</table>
<table height="1" width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEFF">
<tr><td width="709"></td><td width="91" bgcolor="#DDDDEE"></td><td width="10"></td></tr>
</table>
<!-- サイトのメインheightで中央付近の長さが決定・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・メイン -->
<table height="580" width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#F0F0FF" summery="リンクフリー">
<tr>
<td width="15"></td>
<td width="5" bgcolor="#FFFFFF"></td>
<!-- 勝負所・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・広告 -->
<td width="140" bgcolor="#FFFFFF">
<span id="txt2">Faruru.Web</span>
<span id="txt5">
<span id="txto"><strong>Link Banners</strong></span>
<table height="3" width="140" border="0" cellpadding="0" cellspacing="0" bgcolor="#DDDDEE">
<tr><td></td></tr></table>
<br>
banner.jpg<br>
<img src="http://www.faruru.name/pic/banner.jpg" width="88" height="31" border="0" alt="ふぁるる" title="初代ふぁるるバナー">
</span>
</td>
<td width="5" bgcolor="#FFFFFF"></td>
<td width="15"></td>
<td width="5" bgcolor="#FFFFFF"></td>
<!-- メイン・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・本文 -->
<td width="485" bgcolor="#FFFFFF">
<table height="3" width="150" border="0" cellpadding="0" cellspacing="0" bgcolor="#DDDDEE">
<tr><td><span id="txt5"><span id="txtw"><b>リンクについて</b></span></span></td></tr></table>
<span id="txt5">
<table height="3" width="485" border="0" cellpadding="0" cellspacing="0" bgcolor="#DDDDEE">
<tr><td></td></tr></table>
<span id="txto"><strong>リンク方法</strong></span><br><br>
<b>»</b>テキストリンク<br>
<a href="http://www.hppp.org/">ホームページの制作講座</a>
<br><br>
URLとテキストリンクの部分はお好きな物に換えて頂いても大丈夫です。
<br><br>
<b>»</b>バナーリンク<br>
<a href="http://www.hppp.org/"><br>
<img src="http://www.faruru.name/pic/banner.jpg" width="88" height="31" border="0"></a>
<br><br>
<table height="3" width="485" border="0" cellpadding="0" cellspacing="0" bgcolor="#DDDDEE">
<tr><td></td></tr></table>
<span id="txto"><strong>相互リンク</strong></span><br><br>
LIST1<br>
LIST2<br>
LIST3<br>
LIST4<br>
LIST5<br>
LIST6<br>
FARURU1<br>
FARURU2<br>
FARURU3<br>
FARURU4<br>
FARURU5<br>
FARURU6<br>
LINK1<br>
LINK2<br>
LINK3<br>
LINK4<br>
LINK5<br>
LINK6
</span>
</td>
<td width="5" bgcolor="#FFFFFF"></td>
<td width="15"></td>
<td width="10" bgcolor="#FFFFFF"></td>
<!-- 目次・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・目次 -->
<td width="100" bgcolor="#DDDDEE">
<span id="txt5">
<span id="txtb"><strong><a href="index.html" target="_top">TOP.back</a></strong></span><br><br>
<table height="3" width="99" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr><td width="1" bgcolor="#DDDDEE"></td><td width="98"></td></tr></table>
<span id="txto"><strong>リンクについて</strong></span><hr>
<b>»</b>
当サイトへのリンクはリンクバナー、テキストバナーのどちらでも歓迎です。
<br><br>
<table height="3" width="99" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr><td width="1" bgcolor="#DDDDEE"></td><td width="98"></td></tr></table>
<span id="txto"><strong>リンク先ページ</strong></span><hr>
<b>»</b>
お好きなページにどうぞ♪
<br><br>
<table height="3" width="99" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr><td width="1" bgcolor="#DDDDEE"></td><td width="98"></td></tr></table>
<span id="txto"><strong>リンクの方法</strong></span><hr>
<b>»</b>テキストリンク<br>
<b>»</b>バナーリンク<br>
どちらのリンクも感謝です。
<br><br>
<table height="3" width="99" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr><td width="1" bgcolor="#DDDDEE"></td><td width="98"></td></tr></table>
<span id="txto"><strong>相互リンク</strong></span><hr>
<b>»</b>
現在、相互リンクは受け付けておりません。<br>
<b>»</b>
<s>連絡はBLOGの最新記事のコメント欄からお願いします。</s>
</span>
</td>
</tr>
</table>
<table height="1" width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEFF">
<tr><td width="709"></td><td width="101" bgcolor="#DDDDEE"></td></tr>
</table>
<table height="1" width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr><td></td></tr>
</table>
<table height="5" width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#C0C0FF">
<tr><td></td></tr>
</table>
<table height="1" width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr><td></td></tr>
</table>
<table height="40" width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEFF">
<tr>
<th width="700">
<span id="txt5">
<a href="link.html" target="_top">LINK</a>
<a href="profile.html" target="_top">PROFILE</a>
<a href="http://runoan.blog5.fc2.com/" target="_blank">BLOG</a>
Copyright© 2008-2008 ふぁるる All rights reserved
<address>http://www.hppp.org/</address>
</span>
</th>
<th width="100"><span id="txtp2"><span id="txt4">hppp.org</span></span></th>
</tr>
</table>
<div class="seo"><span id="txt7">
<img src="seo/seo.bmp" alt="seo.bmp" width="10" height="10" title="seo.bmp">
</span></div>
</body>
</html>