２．HTMLの雛形作成
　　雛形の作成　　　　　　　　　　雛形を開いて見る　　　完成品を開いて見る
　　次のとおりと作成します。
１．前項の【マイホームページの準備】で作成した【index.htm】をメモ帳で開き書き込み
　　文字をすべて削除する。
２．次ぎにアニメ工房のHTML作成ツールHTML Table Builderを使用する。
　　
　　HTML Table Builder のセルに右図のようにアルファベット
　　aを３ヶ所、zを１ヶ所に入力し【HTML 作成】ボタンを
　　クリックする。

３．下の方にHTML文が作成され全て選択状態になるのでこれを

A1
A2B2C2
　　コピーしメモ帳に貼り付け上書き保存する。
　　右の形の表ができてセルの中にセル番号A1,A2,B2,C2が書き込まれる。
　　下の淡い色および青色の文が自動作成されたHTMLの雛形である。
　　次項の【３．文字の入力と改行】では青色の部分を書き換えてHTMLを完成させる。
　　なお、アンダーラインのある３行はこの『２．ＨＴＭＬの雛形作成』だけに記載し
　　以後は記載を省略します。（HTML Table Builder は自動生成する。）


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>タイトルバーに表示する文字をこの行に書き込む</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
@import url(qqq.css);
body{font-size:22pt;color:black;background-color:white}
table{background-color:mintcream;width:750px}
td{font-size:18pt}
-->
</style>
</head>
<body>
<div align="center">
<table>
<tr><td colspan="3">
A1
</td></tr><tr><td>
A2
</td><td>
B2
</td><td>
C2
</td></tr>
</table>
</div>
</body>
</html>

スタイルシート解説参照  <style type="text/css">　　　font-size
　　　　　　　　　　　　background-color　　color　　width

タグ解説参照　　HTMLの基本構成　　<table>タグ　　<table>タグ　colspan