♪ちょこっと気になるホムペ♪

♪ちょこっと気になるホムペ♪

align="center"



がい3 テーブルタグの基礎 がい3



今度はテーブル全体・行の中の文字列の位置を決めるタグを紹介します( ´・ω・`)


■<table align=""> ~ </table>
  <tr align=""> ~ </tr>
  <td align=""> ~ </td>


<table><tr><td>タグ に追加すると、テーブルの表示位置、また行中の文字位置を指定することができます。


align=""
"center"  ・・・ (ブラウザ上・行中の)中央に表示
"left"     ・・・ (ブラウザ上・行中の)左に表示
"right"    ・・・ (ブラウザ上・行中の)右に表示


※ 「left」または「right」を指定する場合には、 「表に並ぶ文字の位置を指定する」 「文字の回り込みを解除する」 もご覧ください。






【使用例】


例1. テーブルをブラウザの中央へ表示したい場合

<table border="3" align="center" width="500">
<tr>
<td>セル1</td>
<td>セル2</td>
<td>セル3</td>
</tr>
</table>

↑のタグにより、↓のようにHP上に表示されるようになります


セル1 セル2 セル3



例2. テーブルをブラウザの中央に、かつ、行中の文字の位置を中央に表示させたい場合

<table border="3" align="center" width="500">
<tr>
<td align="center">セル1</td>
<td align="center">セル2</td>
<td align="center">セル3</td>
</tr>
</table>

↑のタグにより、↓のようにHP上に表示されるようになります


セル1 セル2 セル3



↓の画像をクリックするとトップページに戻ります。


↓↓↓   【CLICK HERE】   ↓↓↓


危険!


↑↑↑   【CLICK HERE】   ↓↓↓





© Rakuten Group, Inc.
X
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: