サイトタイトル |
サイトの概要やサブタイトル、広告などをここに記入 |
コンテンツタイトルこの部分に画像や文章などのコンテンツを記入する。 
サンプルテキスト・・・・・・・・・・・・・・・・・・・・・・・・ |
ページメニュー メニュー1 メニュー2 メニュー3 メニュー4 サイト内の各ページ |
| Copyright (C) 2000-2013 ○○○○. All rights reserved.(著作権表示など) |
|
●このページを構成するHTML（ソース）
点線枠は、構造をわかりやすくするためのガイドとして表示しています。
実際の入力時は点線枠を無視してください。
<!-- と --> で囲まれた部分はコメントです。実際の画面表示には影響しません。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>サンプルページ</title>
</head>
<body>
<!-- ページ全体を囲うtable -->
<table width="800" align="center" cellspacing="0" cellpadding="0">
<tr><td>
<!-- ヘッダ用table -->
<table width="800" cellspacing="0" cellpadding="4" bgcolor="#FFC8C8">
<tr>
<td width="400"><h1>サイトタイトル</h1></td>
<td width="400">サイトの概要やサブタイトル、広告などをここに記入</td>
</tr>
</table>
<!-- コンテンツ用table -->
<table width="800" cellspacing="0" cellpadding="4" bgcolor="#AAD5FF">
<tr>
<!-- コンテンツ(左：本文) -->
<td width="650" valign="top">
<h2>コンテンツタイトル</h2>
<p>この部分に画像や文章などのコンテンツを記入する。</p>
<img src="image/cat2.jpg" width="223" height="199">
<p>サンプルテキスト・・・・・・・・・・・・・・・・・・・・・・・・<br>
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・<br>
・・・・・・・・・・・・・・・・・・・・・・・・・・・</p>
</td>
<!-- コンテンツ(右：メニュー) -->
<td width="150" valign="top" bgcolor="#C8FFC8">
<p>ページメニュー</p>
<p>メニュー1</p>
<p>メニュー2</p>
<p>メニュー3</p>
<p>メニュー4</p>
<p>サイト内の各ページにリンクする</p>
</td>
</tr>
</table>
<!-- フッタ用table -->
<table width="800" cellspacing="0" cellpadding="4" bgcolor="#FFFFC8">
<tr><td align="center" >Copyright (C) 2000-2013 ○○○○. All rights reserved.(著作権表示など)</td></tr>
</table>
</td></tr>
</table>
</body>
</html>