表のセルの大きさを変えてみよう
● 表のセルの大きさを変えてみよう！
セルの大きさを変えてみましょう
<th> や <td> のタグに width や height の属性を追加することで
セルの幅や高さを指定することができます
まずは セルの横幅を指定してみましょう
<table border="1">
<tr>
<td width="160">テーブル1</td><td>テーブル2</td><td>テーブル3</td>
</tr>
<tr>
<td>テーブル4</td><td>テーブル5</td><td>テーブル6</td>
</tr>
</table>
すると 下記のようになります
| テーブル1 | テーブル2 | テーブル3 |
|---|---|---|
|
テーブル4
|
テーブル5 | テーブル6 |
２行目の最初のセルは 幅を指定しなくても上のセルで指定していますので
それにあわせて大きさも変化しますソフトでセルをドラッグして幅を広げた場合はたいてい下のセルも同じように
widthの属性タグが入ってくれるようです
今度は セルの高さを指定してみましょう
<table border="1">
<tr>
<td height="60">テーブル1</td><td>テーブル2</td><td>テーブル3</td>
</tr>
<tr>
<td>テーブル4</td><td>テーブル5</td><td>テーブル6</td>
</tr>
</table>
すると 下記のようになります
| テーブル1 | テーブル2 | テーブル3 |
|---|---|---|
|
テーブル4
|
テーブル5 | テーブル6 |
一行目の横一列は すべて同じ高さでそろいます
これもソフトでドラッグして高さを変えると やはり <td height> の設定が
それぞれのセルに指定されるようです
ジャンル別一覧
人気のクチコミテーマ
-
-
- 新生活にむけてほしい家電は？
- 【新生活】始まる前に準備しておいた…
- (2025-02-22 16:28:15)
-
-
-
- デジタル一眼レフカメラ
- ニコンZfcレンズキット徹底比較！あ…
- (2025-02-21 20:32:51)
-
-
-
- パソコンサポーターがすすめるパソコ…
- ◎新品 ノートパソコン PC HP Pavilio…
- (2025-03-01 16:07:19)
-
© Rakuten Group, Inc.
