3-2-1.HTML解説

<table border="1">
<tr>
<td colspan="2">
<center>
タイトル部分
</center>
</td>
</tr>
<tr>
<td bgcolor="#ff0000">
ソフトメイン
</td>
<td bgcolor="#00ff00">
ソフトサブ
</td>
</tr>
<tr>
<td colspan="2"bgcolor="#0000ff"align="right"valign="bottom">
著作権表示など
</td>
</tr>
</table>

さて今回の講座は見た目をよくする為の講座です。 ではHTMLタグを見てみましょう。

まずtableタグで全体のテーブルを作成します。オプションとしてborder="1"を 与えると線の太さが1の枠のテーブルができます。 <tr>〜</tr>タグは横一列を作成し<td>〜</td> タグはセルを作成しています。

セルにcolspanオプションを指定すると指定した数だけセルを連結します。 bgcolorを指定するとそのセルの色を変更することができます。

alignオプションはセル内でのテキストの左右の位置を指定し、
valighオプションはセル内でのテキストの上下の位置を指定します。

前回までに作成したソフトのHTML部分にこのテーブルを入れると 綺麗に仕上がります。

今回は講座というよりはデザイン的なものでしたね。 さてこれでJavaScriptでタイピングソフト作成講座は終了です。 どうでしょうか？思い描いていたタイピングソフトの作成はできましたでしょうか？

実際にはまだNetscapeでの動作ができていないので、まだ講座は終了しません。 またオプション的な講座も増える可能性がありますので、よろしくお願いします。