クールサイトを作る為に- ホームページ作成のノウハウから、htmlテンプレート・フリー素材・PHP・CGIの配布

TEXT	TEXT	TEXT	TEXT	TEXT
<table width="200" style="border-color:#333333; border-width:1px; border-style:solid;"> <tr><td align="center">1px </td></tr></table>	<table width="200" style="border-color:#CBCBCB; border-width:1px; border-style:solid;"> <tr><td align="center">1px </td></tr></table>	<table width="200" style="border-color:#7E7EFF; border-width:1px; border-style:solid;"> <tr><td align="center">1px </td></tr></table>	<table width="200" style="border-color:#FFA319; border-width:1px; border-style:solid;"> <tr><td align="center">1px </td></tr></table>	<table width="200" style="border-color:#66FF66; border-width:1px; border-style:solid;"> <tr><td align="center">1px </td></tr></table>

TEXT	TEXT	TEXT	TEXT	TEXT
<table width="200" bgcolor="#999999"> <tr><td align="center" height="50" style="border-color:#cccccc; border-width:1px; border-style:solid;color=#FFFFFF">てきすとテキスト</td> </tr></table>	<table width="200" bgcolor="#CBCBCB"> <tr><td align="center" height="50" style="border-color:#FFFFFF; border-width:1px; border-style:solid;color=#FFFFFF">ここに文字</td> </tr></table>	<table width="200" bgcolor="#7E7EFF"> <tr><td align="center" height="50" style="border-color:#FFFFFF; border-width:1px; border-style:solid;color=#FFFFFF">てきすと</td> </tr></table>	<table width="200" bgcolor="#FFA319"> <tr><td align="center" height="50" style="border-color:#FFFFFF; border-width:1px; border-style:solid;color=#FFFFFF">てきすと</td> </tr></table>	<table width="200" bgcolor="#66FF66"> <tr><td align="center" height="50" style="border-color:#FFFFFF; border-width:1px; border-style:solid;color=#FFFFFF">てきすと</td> </tr></table>

TEXT	TEXT	TEXT	TEXT	TEXT
<table width="200" style="border-color:#333333; border-width:1px; border-style:dotted;"> <tr><td align="center">TEXT</td></tr></table>	<table width="200" style="border-color:#CBCBCB; border-width:1px; border-style:dotted;"> <tr><td align="center">TEXT</td></tr></table>	<table width="200" style="border-color:#7E7EFF; border-width:1px; border-style:dotted;"> <tr><td align="center">TEXT</td></tr></table>	<table width="200" style="border-color:#FFA319; border-width:1px; border-style:dotted;"> <tr><td align="center">TEXT</td></tr></table>	<table width="200" style="border-color:#66FF66; border-width:1px; border-style:dotted;"> <tr><td align="center">TEXT</td></tr></table>

TEXT	TEXT	TEXT	TEXT	TEXT
<table width="200" bgcolor="#EFEFEF" style="border-color:#333333; border-width:1px; border-style:dotted;"> <tr><td align="center">TEXT</td></tr></table>	<table width="200" bgcolor="#F8F8F8" style="border-color:#CBCBCB; border-width:1px; border-style:dotted;"> <tr><td align="center">TEXT</td></tr></table>	<table width="200" bgcolor="#E5E5FF" style="border-color:#7E7EFF; border-width:1px; border-style:dotted;"> <tr><td align="center">TEXT</td></tr></table>	<table width="200" bgcolor="#FFEBCC" style="border-color:#FFA319; border-width:1px; border-style:dotted;"> <tr><td align="center">TEXT</td></tr></table>	<table width="200" bgcolor="#E5FFE5" style="border-color:#66FF66; border-width:1px; border-style:dotted;"> <tr><td align="center">TEXT</td></tr></table>

TEXT	TEXT	TEXT	TEXT	TEXT
<table width="200" style="border-color:#333333; border-width:1px; border-style:solid;"> <tr><td align="center"><table width="100%" height="40" style="border-color:#999999; border-width:1px; border-style:dashed;"> <tr><td align="center">TEXT </td></tr></table></td></tr></table>	<table width="200" style="border-color:#CBCBCB; border-width:1px; border-style:solid;"> <tr><td align="center"><table width="100%" height="40" style="border-color:#E5E5E5; border-width:1px; border-style:dashed;"> <tr><td align="center">TEXT </td></tr></table></td></tr></table>	<table width="200" style="border-color:#7E7EFF; border-width:1px; border-style:solid;"> <tr><td align="center"> <table width="100%" height="40" style="border-color:#B2B2FF; border-width:1px; border-style:dashed;"> <tr><td align="center">TEXT </td></tr></table></td></tr></table>	<table width="200" style="border-color:#FFA319; border-width:1px; border-style:solid;"> <tr><td align="center"> <table width="100%" height="40" style="border-color:#FFC266; border-width:1px; border-style:dashed;"> <tr><td align="center">TEXT </td></tr></table></td></tr></table>	<table width="200" style="border-color:#66FF66; border-width:1px; border-style:solid;"> <tr><td align="center"> <table width="100%" height="40" style="border-color:#B2FFB2; border-width:1px; border-style:dashed;"> <tr><td align="center">TEXT </td></tr></table></td></tr></table>

TEXT	TEXT	TEXT	TEXT	TEXT
<table width="200" bgcolor="#F2F2F2" style="border-color:#333333; border-width:1px; border-style:solid;"> <tr><td align="center"> <table width="100%" height="40" bgcolor="#FFFFFF" style="border-color:#999999; border-width:1px; border-style:dashed;"> <tr><td align="center">TEXT </td> </tr></table></td></tr></table>	<table width="200" bgcolor="#F8F8F8" style="border-color:#CBCBCB; border-width:1px; border-style:solid;"> <tr><td align="center"> <table width="100%" height="40" bgcolor="#FFFFFF" style="border-color:#E5E5E5; border-width:1px; border-style:dashed;"> <tr><td align="center">TEXT </td></tr></table></td></tr></table>	<table width="200" bgcolor="#F2F2FF" style="border-color:#7E7EFF; border-width:1px; border-style:solid;"> <tr><td align="center"> <table width="100%" height="40" bgcolor="#FFFFFF" style="border-color:#B2B2FF; border-width:1px; border-style:dashed;"> <tr><td align="center">TEXT </td></tr></table></td></tr></table>	<table width="200" bgcolor="#FFF5E5" style="border-color:#FFA319; border-width:1px; border-style:solid;"> <tr><td align="center"> <table width="100%" height="40" bgcolor="#FFFFFF" style="border-color:#FFC266; border-width:1px; border-style:dashed;"> <tr><td align="center">TEXT </td></tr></table></td></tr></table>	<table width="200" bgcolor="#F2FFF2" style="border-color:#66FF66; border-width:1px; border-style:solid;"> <tr><td align="center"> <table width="100%" height="40" bgcolor="#FFFFFF" style="border-color:#B2FFB2; border-width:1px; border-style:dashed;"> <tr><td align="center">TEXT </td></tr></table></td></tr></table>

TEXT	TEXT	TEXT	TEXT	TEXT
<table width="200" border="1" cellpadding="1" cellspacing="0" bordercolorlight="#333333" bordercolordark="#FFFFFF" bgcolor="#cccccc"> <tr><td><table width="100%" height="44" border="1" cellpadding="2" cellspacing="0" bordercolorlight="#333333" bordercolordark="#FFFFFF" bgcolor="#cccccc"> <tr><td bgcolor="#ffffff" align="center">TEXT</td></tr></table></td></tr></table>	<table width="200" border="1" cellpadding="1" cellspacing="0" bordercolorlight="#CBCBCB" bordercolordark="#FFFFFF" bgcolor="#E5E5E5"> <tr><td><table width="100%" height="44" border="1" cellpadding="2" cellspacing="0" bordercolorlight="#CBCBCB" bordercolordark="#FFFFFF" bgcolor="#E5E5E5"> <tr><td bgcolor="#ffffff" align="center">TEXT </td></tr></table></td></tr></table>	<table width="200" border="1" cellpadding="1" cellspacing="0" bordercolorlight="#43459C" bordercolordark="#FFFFFF" bgcolor="#B4B5D7"> <tr><td><table width="100%" height="44" border="1" cellpadding="2" cellspacing="0" bordercolorlight="#43459C" bordercolordark="#FFFFFF" bgcolor="#B4B5D7"> <tr><td bgcolor="#ffffff" align="center">TEXT </td></tr></table></td></tr></table>	<table width="200" border="1" cellpadding="1" cellspacing="0" bordercolorlight="#FF9900" bordercolordark="#FFFFFF" bgcolor="#FFD699"> <tr><td><table width="100%" height="44" border="1" cellpadding="2" cellspacing="0" bordercolorlight="#FF9900" bordercolordark="#FFFFFF" bgcolor="#FFD699"> <tr><td bgcolor="#ffffff" align="center">TEXT </td></tr></table></td></tr></table>	<table width="200" border="1" cellpadding="1" cellspacing="0" bordercolorlight="#66FF66" bordercolordark="#FFFFFF" bgcolor="#CBFFCB"> <tr><td><table width="100%" height="44" border="1" cellpadding="2" cellspacing="0" bordercolorlight="#66FF66" bordercolordark="#FFFFFF" bgcolor="#CBFFCB"> <tr><td bgcolor="#ffffff" align="center">TEXT </td></tr></table></td></tr></table>

TEXT	TEXT	TEXT	TEXT	TEXT
<table width="200" border="1" cellpadding="1" cellspacing="0" bordercolorlight="#333333" bordercolordark="#FFFFFF" bgcolor="#cccccc"> <tr><td><table width="100%" height="44" border="1" cellpadding="2" cellspacing="0" bordercolorlight="#333333" bordercolordark="#FFFFFF" bgcolor="#cccccc"> <tr><td bgcolor="#F2F2F2" align="center">TEXT </td></tr></table></td></tr></table>	<table width="200" border="1" cellpadding="1" cellspacing="0" bordercolorlight="#CBCBCB" bordercolordark="#FFFFFF" bgcolor="#E5E5E5"> <tr><td><table width="100%" height="44" border="1" cellpadding="2" cellspacing="0" bordercolorlight="#CBCBCB" bordercolordark="#FFFFFF" bgcolor="#E5E5E5"> <tr><td bgcolor="#F8F8F8" align="center">TEXT </td></tr></table></td></tr></table>	<table width="200" border="1" cellpadding="1" cellspacing="0" bordercolorlight="#43459C" bordercolordark="#FFFFFF" bgcolor="#B4B5D7"> <tr><td><table width="100%" height="44" border="1" cellpadding="2" cellspacing="0" bordercolorlight="#43459C" bordercolordark="#FFFFFF" bgcolor="#B4B5D7"> <tr><td bgcolor="#F2F2FF" align="center">TEXT </td></tr></table></td></tr></table>	<table width="200" border="1" cellpadding="1" cellspacing="0" bordercolorlight="#FF9900" bordercolordark="#FFFFFF" bgcolor="#FFD699"> <tr><td><table width="100%" height="44" border="1" cellpadding="2" cellspacing="0" bordercolorlight="#FF9900" bordercolordark="#FFFFFF" bgcolor="#FFD699"> <tr><td bgcolor="#FFF5E5" align="center">TEXT </td></tr></table></td></tr></table>	<table width="200" border="1" cellpadding="1" cellspacing="0" bordercolorlight="#66FF66" bordercolordark="#FFFFFF" bgcolor="#CBFFCB"> <tr><td><table width="100%" height="44" border="1" cellpadding="2" cellspacing="0" bordercolorlight="#66FF66" bordercolordark="#FFFFFF" bgcolor="#CBFFCB"> <tr><td bgcolor="#F2FFF2" align="center">TEXT </td></tr></table></td></tr></table>

TEXT テキスト	TEXT テキスト	TEXT テキスト	TEXT テキスト	TEXT テキスト
<table width="200" border="1" cellspacing="0" cellpadding="1" bordercolorlight="#333333" bordercolordark="#FFFFFF" bgcolor="#cccccc"> <tr> <td><table width="100%" border="1" cellspacing="0" cellpadding="2" bordercolorlight="#333333" bordercolordark="#FFFFFF" bgcolor="#cccccc"> <tr> <td>TEXT</td> </tr> <tr> <td bgcolor="#ffffff" align="center"> テキスト</td> </tr> </table> </td> </tr> </table>	<table width="200" border="1" cellspacing="0" cellpadding="1" bordercolorlight="#CBCBCB" bordercolordark="#FFFFFF" bgcolor="#E5E5E5"> <tr> <td><table width="100%" border="1" cellspacing="0" cellpadding="2" bordercolorlight="#CBCBCB" bordercolordark="#FFFFFF" bgcolor="#E5E5E5"> <tr> <td>TEXT</td> </tr> <tr> <td bgcolor="#ffffff" align="center"> テキスト</td> </tr> </table> </td> </tr> </table>	<table width="200" border="1" cellspacing="0" cellpadding="1" bordercolorlight="#0000FF" bordercolordark="#FFFFFF" bgcolor="#B2B2FF"> <tr> <td><table width="100%" border="1" cellspacing="0" cellpadding="2" bordercolorlight="#0000FF" bordercolordark="#FFFFFF" bgcolor="#B2B2FF"> <tr> <td>TEXT</td> </tr> <tr> <td bgcolor="#ffffff" align="center"> テキスト</td> </tr> </table> </td> </tr> </table>	<table width="200" border="1" cellspacing="0" cellpadding="1" bordercolorlight="#FF9900" bordercolordark="#FFFFFF" bgcolor="#FFC266"> <tr> <td><table width="100%" border="1" cellspacing="0" cellpadding="2" bordercolorlight="#FF9900" bordercolordark="#FFFFFF" bgcolor="#FFC266"> <tr> <td>TEXT</td> </tr> <tr> <td bgcolor="#ffffff" align="center"> テキスト</td> </tr> </table> </td> </tr> </table>	<table width="200" border="1" cellspacing="0" cellpadding="1" bordercolorlight="#00FF99" bordercolordark="#FFFFFF" bgcolor="#66FFC2"> <tr> <td><table width="100%" border="1" cellspacing="0" cellpadding="2" bordercolorlight="#00FF99" bordercolordark="#FFFFFF" bgcolor="#66FFC2"> <tr> <td>TEXT</td> </tr> <tr> <td bgcolor="#ffffff" align="center"> テキスト</td> </tr> </table> </td> </tr> </table>

TEXT テキスト	TEXT テキスト	TEXT テキスト	TEXT テキスト	TEXT テキスト
<table width="200" border="1" cellspacing="0" cellpadding="2" bordercolorlight="#333333" bordercolordark="#FFFFFF" bgcolor="#cccccc"> <tr> <td>TEXT</td> </tr> <tr> <td bgcolor="#ffffff" align="center"> テキスト</td> </tr> </table>	<table width="200" border="1" cellspacing="0" cellpadding="2" bordercolorlight="#CBCBCB" bordercolordark="#FFFFFF" bgcolor="#E5E5E5"> <tr> <td>TEXT</td> </tr> <tr> <td bgcolor="#ffffff" align="center"> テキスト</td> </tr> </table>	<table width="200" border="1" cellspacing="0" cellpadding="2" bordercolorlight="#0000FF" bordercolordark="#FFFFFF" bgcolor="#B2B2FF"> <tr> <td>TEXT</td> </tr> <tr> <td bgcolor="#ffffff" align="center"> テキスト</td> </tr> </table>	<table width="200" border="1" cellspacing="0" cellpadding="2" bordercolorlight="#FF9900" bordercolordark="#FFFFFF" bgcolor="#FFC266"> <tr> <td>TEXT</td> </tr> <tr> <td bgcolor="#ffffff" align="center"> テキスト</td> </tr> </table>	<table width="200" border="1" cellspacing="0" cellpadding="2" bordercolorlight="#00FF99" bordercolordark="#FFFFFF" bgcolor="#66FFC2"> <tr> <td>TEXT</td> </tr> <tr> <td bgcolor="#ffffff" align="center"> テキスト</td> </tr> </table>

便利テーブルタグ
タグを<table><tr><td>いずれかの中に入れて下さい。
例：<td style="BORDER-TOP: #999999 1px solid">

上だけの枠	下だけの枠	左だけの枠	右だけの枠
style="BORDER-TOP: #999999 1px solid"	style="BORDER-BOTTOM: #999999 1px solid"	style="BORDER-LEFT: #999999 1px solid"	style="BORDER-RIGHT: #999999 1px solid"
上下枠	左右枠	上右枠	下左枠
style="BORDER-TOP: #999999 1px solid;BORDER-BOTTOM: #999999 1px solid"	style="BORDER-RIGHT: #999999 1px solid;BORDER-LEFT: #999999 1px solid"	style="BORDER-TOP: #999999 1px solid;BORDER-RIGHT: #999999 1px solid"	style="BORDER-BOTTOM: #999999 1px solid;BORDER-LEFT: #999999 1px solid"
上左右枠	下左右枠	上下右枠	上下左枠
style="BORDER-TOP: #FF0000 1px solid;BORDER-RIGHT: #FF0000 1px solid;BORDER-LEFT: #FF0000 1px solid"	style="BORDER-BOTTOM: #FF0000 1px solid;BORDER-LEFT: #FF0000 1px solid;BORDER-RIGHT: #FF0000 1px solid"	style="BORDER-RIGHT: #FF0000 1px solid;BORDER-BOTTOM: #FF0000 1px solid;BORDER-TOP: #FF0000 1px solid"	style="BORDER-LEFT: #FF0000 1px solid;BORDER-BOTTOM: #FF0000 1px solid;BORDER-TOP: #FF0000 1px solid"