枠ありCSSソース|枠なしCSSソース|テンプレート枠トップページ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" 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" /> <!--[if gte IE 6]> <link rel="stylesheet" href="ie-base.css" type="text/css" media="screen,tv" /> <![endif]--> </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="container"> <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><!-- / container end --> <div id="sidebar"> <!-- サイドバー ここから --> <div id="left-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="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> <!-- サイドバー左 ここまで --> </div><!-- / left-sidebar end --> <div id="right-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="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> <!-- サイドバー右 ここまで --> </div><!-- / right-sidebar end --> <!-- 以下は削除しないで下さい レイアウトに影響がでます ブラウザ上では非表示です --> <p id="cds">CSS Template <a href="http://www.css-designsample.com/">CSSデザインサンプル</a></p> <!-- サイドバー ここまで --> </div><!-- / sidebar end --> <div id="footer"> <!-- コピーライト --> <p>Copyright © *** 著作権表記 ***. All Rights Reserved.</p> </div><!-- / footer end --> </div><!-- / wrapper end --> </body> </html>