テーブルタグを使うと、

画像と文章を自由にレイアウトできます。

１．画像の下に文章

<tr><th>
<img src="画像のファイル">
</thy></tr>

<tr><td>
文章
</td><?tr>

２．画像の横に文章

<tr>
<th>
<tmf src="画像のファイル">
</th>

<td>
文章
</td>
</tr>


３．ブログのカラム風レイアウト

<tr>
<td bgcolor="#ff0000" width="640">
<br>
</td></tr>

<tr><th>
<table border="0">
<tr><th>
<img src="画像のファイル">
</th></tr>

<tr><td>
文章
</td></tr>
</table>
</th><tr>

<tr>
<td bgcolor="#ff0000">
<br>
</td>
</tr>

テーブルタグの中で、違うテーブルを設定しています。


画像付き目次

<tr>
<th>目次１</th>
<th colspan="5">
<img src="画像のファイル">
</th>
</tr>
<tr><th>目次２</th></tr>
<tr><th>目次３</th></tr>
<tr><th>目次4</th></tr>
<tr><th>目次５</th></tr>


複雑なページのレイアウトをタグで記述する時は、

まず、紙やパワーポイントなどで、全体のデザインを
下書きします。

ページ全体を　１つのテーブルタグで設定し、
上から順番に、
見出しタグ、本文タグを使い分けて、設置していきます。


慣れないうちは、難しいのですが

TeraPad　を使うと、　空白の改行が自由に使えるので
整理しながらタグを打ちこみます。

複雑さを改善するためには、フレームなども利用しますが、
私はスタイルシートはまだ勉強していないので
使えません。


上から順番にページを作るのがいいと思います。