タグの華

  タグの華はコピーして貼り付けるだけで誰でも簡単に作れる自営業者のためのホームページ作成講座です
トップページ タグ辞典(基本編) タグ辞典(応用編) タグ辞典(実践編) タグ辞典(小技編)

 

  ホームページの変更方法 〜 幅の指定編

 ■横の幅や縦の幅


横幅のサイズを変える
<width="300"> → <width="100"> など
この場合横幅300ピクセルが100ピクセルになります。
実際の大きさは
横幅300ピクセル
     
横幅100ピクセル(上が300、下が100)このくらいです


縦幅のサイズを変える
<height="100"> → <height="50"> など
この場合縦幅100ピクセルが50ピクセルになります。
実際の大きさは
   縦幅100ピクセル 縦幅50ピクセル (左が100、右が50)このくらいです






 

■テーブルの幅を指定する

 
<table border="1" width="200">
 <tr>
  <td>
   テーブルの横幅が200pxです
  </td>
 </tr>
</table>
テーブルの横幅が200pxです

* 便宜上枠線(border="1")を表示してあります。枠線を非表示にする場合は border="0" にします。


<table border="1" width="200" height="100">
 <tr>
  <td>
   テーブルの横幅が200px、縦幅が100pxです
  </td>
 </tr>
</table>
テーブルの横幅が200px、縦幅が100pxです

* 実際のところ height はテーブル内の コンテンツが増えるにつれ自動的に下に伸びていくので指定しないことのほうが多いです。


                 <table border="1">
                  <tr>
                   <td width="200">この列の横幅が200pxです</td>
                   <td width="100">この列の横幅が100pxです</td>
                   <td width="150">この列の横幅が150pxです</td>
                  </tr>
                  <tr>
                   <td height="200">この行の縦幅が200pxです</td>
                   <td>縦幅が200pxです</td>
                   <td>縦幅が200pxです</td>
                  </tr>
                 </table>
この列の横幅が200pxです この列の横幅が100pxです この列の横幅が150pxです
この行の縦幅が200pxです 縦幅が200pxです 縦幅が200pxです

* border"1" とした場合1px分の幅を取ることになります。 ひとつのセルにつき、両端あるいは上下で 2px分の幅を使ってることを頭に入れておきましょう。







by 1自営業者が自分で作るお店のホームぺージ

Copyright © 2008 タグの華 All rights reserved.