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

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

width="200" height="300"



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



テーブルの基礎的な構造を理解した上で、さらにテーブルタグの使い方を学んでみますか( ´・ω・`)・・この発言3回目か?


■<table width="数値" height="数値"> ~ </table>

<table>タグ、<tr>タグ、<td>タグ に追加すると、表のサイズを指定することができます。


width="数値" 横のサイズをピクセル数かパーセントで指定します
height="数値" 縦のサイズをピクセル数かパーセントで指定します


※ サイズの指定がない場合は、表の大きさは内容により自動調整されます。
  ちなみに、自分なりの方法では、サイズの指定をする場合、ピクセル数で指定します。
  パーセント(%)指定をすると、細かい設定ができないからです。







【使用例】



例1. 横幅を80%(パーセント指定)に指定した場合(width指定のみ)

<table border="3" width="80%">
<tr>
<td>セル1</td>
<td>セル2</td>
<td>セル3</td>
</tr>
</table>

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


セル1 セル2 セル3



例2. 横幅を700ピクセル、縦を80ピクセルに指定した場合

<table border="3" width="700" height="80">
<tr>
<td>セル1</td>
<td>セル2</td>
<td>セル3</td>
</tr>
</table>




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


セル1 セル2 セル3


例3. 行幅を指定する場合(tdタグのピクセル指定)

<table border="3">
<tr>
<td width="100">セル1</td>
<td width="350">セル2</td>
<td widht="250">セル3</td>
</tr>
</table>

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


セル1 セル2 セル3



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


↓↓↓   【CLICK HERE】   ↓↓↓


危険!


↑↑↑   【CLICK HERE】   ↓↓↓





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