[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
テーブルタグを使うと、
画像と文章を自由にレイアウトできます。
1.画像の下に文章
<tr><th>
<img src="画像のファイル">
</thy></tr>
<tr><td>
文章
</td><?tr>
2.画像の横に文章
<tr>
<th>
<tmf src="画像のファイル">
</th>
<td>
文章
</td>
</tr>
3.ブログのカラム風レイアウト
<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>目次1</th>
<th colspan="5">
<img src="画像のファイル">
</th>
</tr>
<tr><th>目次2</th></tr>
<tr><th>目次3</th></tr>
<tr><th>目次4</th></tr>
<tr><th>目次5</th></tr>
複雑なページのレイアウトをタグで記述する時は、
まず、紙やパワーポイントなどで、全体のデザインを
下書きします。
ページ全体を 1つのテーブルタグで設定し、
上から順番に、
見出しタグ、本文タグを使い分けて、設置していきます。
慣れないうちは、難しいのですが
TeraPad を使うと、 空白の改行が自由に使えるので
整理しながらタグを打ちこみます。
複雑さを改善するためには、フレームなども利用しますが、
私はスタイルシートはまだ勉強していないので
使えません。
上から順番にページを作るのがいいと思います。