プロが教えるホームページの作り方
 
 
YA06 スポンサードリンク
YA06 タグ一覧
YA06 役立つ豆知識
YA06 リンク
YA06 姉妹サイト
YA06 スポンサード リンク
 
 
 

 初心者のためのホームページの作り方  
トップページ > テーブル >  表の位置を指定

■表の位置を指定

<table align="★">~</table>
★・・・・・left,center,right

align属性で表を文書中の左(left),右(right),中央(center)の
いずれかに配置するかを指定します。

一般的にleft,やrightを指定して表を左右に寄せた場合、
続くテキストは表の隣(右,もしくは左)に回り込みます。
回り込みを解除するには<br>にclear属性を指定します。
詳しくは表に対する回りこみを解除を参照。

記入例。
MEMOメモ帳
ファイル(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

文字はこのように回り込みます。







Copyright(c)2009 プロが教えるホームページの作り方 All rights reserved.