ブログでもだいたい使えるHTMLタグリファレンス

align属性を指定して、テーブルの左右に文字や画像を回り込ませることができます。

運賃	おとな210円
	ことも110円

テーブルの左右に、文字や画像を回り込ませることができます。画像の左右に文字を回り込ませるのとほぼおなじ要領でできます。画像を貼り付ければ、画像も回り込みます。

このテーブルのソースは次のようになります。

<table border="1" width="50%" align="left">
<tr><td rowspan="2">運賃</td><td>おとな210円</td></tr>
<td>ことも110円</td></tr>
</table>
テーブルの左右に、文字や画像を回り込ませることができます。画像の左右に文字を回り込ませるのとほぼおなじ要領でできます。画像を貼り付ければ、画像も回り込みます。

『 left 』の部分を『 right 』にすれば、テーブルの左側に文字や画像を回り込ませることができます。

style指定で回り込みを指定することもできます。文字色や背景画像など他の指定も一括して記述できるので、こうした場合は alignで指定するよりもソースがすっきりするかもしれません。

<table border="1" width="50%" style="float:right;">
<tr><td rowspan="2">運賃</td><td>おとな210円</td></tr>
<td>ことも110円</td></tr>
</table>
テーブルの左右に、文字や画像を回り込ませることができます。画像の左右に文字を回り込ませるのとほぼおなじ要領でできます。画像を貼り付ければ、画像も回り込みます。

ソースはこんな感じになります。表示は align属性で指定したときと変わりません。

運賃	おとな210円
	ことも110円

また、float で指定する場合は、『 left 』や『 right 』の代わりに、『 none 』（回り込みなし）を指定することもできます。

ランキングに参加中です! お役に立てたらクリックをお願いします→

ブログでもだいたい使えるHTMLタグ リファレンス

テーブルの左右に文字/画像を回り込ませる