サイト内検索
...HTML・XHTMLタグ...
ｔａｂｌｅ
table・tr・td
- 表の大枠は、table要素指定します。
- 列を設定するには、table要素にtd要素を指定します。
- 行を設定するには、table要素にtr要素を指定します。
|
《枠(セル)》 [ｂｏｄｙの中] <table border="1"><td> 枠(表) </td> </table> |
[ブラウザ上]
|
||||
|
《列を増やすには、td要素を指定します。》 [ｂｏｄｙの中] <table border="1"><tr> <td>Ｎｏ１</td> <td>Ｎｏ２</td> </tr> </table> |
[ブラウザ上]
|
||||
|
《行を増やすには、tr要素を指定します。》 [ｂｏｄｙの中] <table border="1"><tr> <td>Ｎｏ１</td> </tr> <tr> <td>Ｎｏ２</td> </tr> </table> |
[ブラウザ上]
|
||||
|
《td要素・tr要素を組み合わせて指定》 [ｂｏｄｙの中] <table border="1"><tr> <td>Ｎｏ１</td> <td>Ｎｏ２</td> </tr> <tr> <td>Ｎｏ３</td> <td>Ｎｏ４</td> </tr> </table> |
[ブラウザ上]
|
tableを作ったときに、tableの上部に空白が出来た場合
- スペースキーを使うときの注意
- EnterーキーやTabキーは、空白や改行はされないけれど
- スペースキーは、文字数が数えられて、
- 知らない間に空白が出来てくるので、使うときには注意してください。
- 解決方法
- タグをすべて詰めてみてください。
- 空白がなくなってきます。
