5.■全体の配置を決定
次は、全体の配置を決定するための記述法を説明します。
<html>
<head></head>
<title>ここにページのタイトルを入れます</title>
<body>
<div align="center">
ここに内容を記述していきます。<br>
二行目を記述していきます。<br>
<a href="4.htm"><img src="1.gif" border="0"></a>
</div>
</body>
</html>
<head></head>
<title>ここにページのタイトルを入れます</title>
<body>
<div align="center">
ここに内容を記述していきます。<br>
二行目を記述していきます。<br>
<a href="4.htm"><img src="1.gif" border="0"></a>
</div>
</body>
</html>
表示結果 <div> とは四角形の領域のことで、<table>の<td>タグに似たものです。 終わりが自動的に改行されます。 <div align="center"> で、全体が中央揃えになります。 左揃えは<div align="left"> 右揃えは<div align="right"> </div>でくくります。 <p align="center">を使うと、余分に改行されてしまうので使わない方がよいでしょう。 さあ、これだけ覚えれば基本の流れが作れ、 いくつものページをリンクでつなげて構築していけます。 次は、見栄えに関する基本に続きます。
ステップアップ！ テーブルの内部における配置指定
■align="" で左右の位置を指定します。
<table>
<tr>
<td align="left">
<img src="http://w-i-i.net/pic/movie1.jpg" width="50px">
</td>
</tr>
</table>
<tr>
<td align="left">
<img src="http://w-i-i.net/pic/movie1.jpg" width="50px">
</td>
</tr>
</table>
 align="left"
|
|
align="right"
|
■valign="" で上下位置を指定します。
<table>
<tr>
<td valign="top">
<img src="http://w-i-i.net/pic/movie1.jpg" width="50px">
</td>
</tr>
</table>
<tr>
<td valign="top">
<img src="http://w-i-i.net/pic/movie1.jpg" width="50px">
</td>
</tr>
</table>
|
valign="top"
|
|
valign="middle"
|
|
valign="bottom"
|
<table>タグや、<tr>タグに指定しても効果がありません。
