| |
スポンサードリンク
|
タグ一覧
|
役立つ豆知識
|
リンク
|
姉妹サイト
|
スポンサード リンク
|
|
| |
| |
| |
|
 |
 |
初心者のためのホームページの作り方 |
 |
|
トップページ > テーブル >
表の位置を指定
■表の位置を指定
<table align="★">~</table>
★・・・・・left,center,right
align属性で表を文書中の左(left),右(right),中央(center)の
いずれかに配置するかを指定します。
一般的にleft,やrightを指定して表を左右に寄せた場合、
続くテキストは表の隣(右,もしくは左)に回り込みます。
回り込みを解除するには<br>にclear属性を指定します。
詳しくは表に対する回りこみを解除を参照。
記入例。
メモ帳 |
|
ファイル(F) 編集(E) 書式(O) 表示(V) ヘルプ(H) |
<!DOCTYPE HTML PUBLIC-"//W3C//DTD HTML4.01 Transitional//EN">
<html>
<head>
</head>
<body>
<table border="1">
<tr><td>セル1:1</td><td>セル1:2</td><td>セル1:3</td></tr>
<tr><td>セル2:1</td><td>セル2:2</td><td>セル2:3</td></tr>
<tr><td>セル3:1</td><td>セル3:2</td><td>セル3:3</td></tr>
</table>
文字はこのように回り込みます。
<hr>
<table border="1" align="left">
<tr><td>セル1:1</td><td>セル1:2</td><td>セル1:3</td></tr>
<tr><td>セル2:1</td><td>セル2:2</td><td>セル2:3</td></tr>
<tr><td>セル3:1</td><td>セル3:2</td><td>セル3:3</td></tr>
</table>
文字はこのように回り込みます。
<hr>
<table border="1" align="center">
<tr><td>セル1:1</td><td>セル1:2</td><td>セル1:3</td></tr>
<tr><td>セル2:1</td><td>セル2:2</td><td>セル2:3</td></tr>
<tr><td>セル3:1</td><td>セル3:2</td><td>セル3:3</td></tr>
</table>
文字はこのように回り込みます。
<hr>
<table border="1"align="right">
<tr><td>セル1:1</td><td>セル1:2</td><td>セル1:3</td></tr>
<tr><td>セル2:1</td><td>セル2:2</td><td>セル2:3</td></tr>
<tr><td>セル3:1</td><td>セル3:2</td><td>セル3:3</td></tr>
</table>
文字はこのように回り込みます。
<hr>
</body>
</html>
|
表示結果。
| セル1:1 | セル1:2 | セル1:3 |
| セル2:1 | セル2:2 | セル2:3 |
| セル3:1 | セル3:2 | セル3:3 |
文字はこのように回り込みます。
| セル1:1 | セル1:2 | セル1:3 |
| セル2:1 | セル2:2 | セル2:3 |
| セル3:1 | セル3:2 | セル3:3 |
文字はこのように回り込みます。
| セル1:1 | セル1:2 | セル1:3 |
| セル2:1 | セル2:2 | セル2:3 |
| セル3:1 | セル3:2 | セル3:3 |
文字はこのように回り込みます。
| セル1:1 | セル1:2 | セル1:3 |
| セル2:1 | セル2:2 | セル2:3 |
| セル3:1 | セル3:2 | セル3:3 |
文字はこのように回り込みます。
|
 |
|