枠ありCSSソース｜枠なしCSSソース｜テンプレート枠トップページ
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="Description" content="*** ページの概要 ***"> <meta name="Keywords" content="*** キーワード ***,*** キーワード ***,*** キーワード ***"> <title>*** タイトル ***</title> <link rel="stylesheet" href="base.css" type="text/css" media="screen,tv"> </head> <body> <div id="wrapper"> <div id="header"> <!-- 見出し --> <h1>*** 見出し[キーワード] ***</h1> <!-- タイトル --> <p class="logo"><a href="index.html">*** 会社名｜店舗名｜タイトル ***</a></p> <!-- 概要 --> <p class="description">*** 概要 ***</p> </div><!-- / header end --> <div id="contents"> <!-- パン屑リスト --> <p class="topic-path"><a href="index.html">Home</a> > 無料テンプレート</p> <!-- コンテンツ ここから --> <h2>*** 見出し ***</h2> <p>*** テキスト ***</p> <p>*** テキスト ***</p> <p>*** テキスト ***</p> <!-- コンテンツ ここまで --> </div><!-- / contents end --> <div id="sidebar"> <!-- サイドバー ここから --> <p class="sidetitle">*** カテゴリ ***</p> <ul class="localnavi"> <li><a href="index.html">Home</a></li> <li><a href="#">*** リンク ***</a></li> <li><a href="#">*** リンク ***</a></li> <li><a href="#">*** リンク ***</a></li> <li><a href="#">*** リンク ***</a></li> </ul> <p class="sidetitle">*** カテゴリ ***</p> <ul class="localnavi"> <li><a href="#">*** リンク ***</a></li> <li><a href="#">*** リンク ***</a></li> <li><a href="#">*** リンク ***</a></li> <li><a href="#">*** リンク ***</a></li> <li><a href="#">*** リンク ***</a></li> </ul> <!-- サイドバー ここまで --> </div><!-- / sidebar end --> <div id="footer"> <!-- コピーライト --> <p>Copyright © *** 著作権表記 ***. All Rights Reserved.</p> <p id="cds">CSS Template <a href="http://www.css-designsample.com/">CSSデザインサンプル</a></p> </div><!-- / footer end --> </div><!-- / wrapper end --> </body> </html>