表(table)は、情報を整理して表示する時に便利です。また、レイアウトに用いることもあります。
表の構成要素
例)
果物 | 野菜 |
りんご | トマト |
きゅうり |
表の属性
- 枠線の太さ…border="1" 太さはピクセル数で指定。border="0"にすると枠線が消える。
0~5程度で指定してみよう。border="4" はどのくらいの太さかな。 - セルとセルの間の余白…cellspacing="5" 余白にピクセル数か%を指定。
- セルの内側の余白…cellpadding="10" 余白にピクセル数か%を指定。
表の属性を適切に用い、背景色に気を配ると、見やすくて美しい表が作れます。
ex.)<table width="100" border="0" cellspacing="5" cellpadding="3">
あ | い | う | え | お |
か | き | く | け | こ |
さ | し | す | せ | そ |
た | ち | つ | て | と |
<table width="100" border="0" cellspacing="0" cellpadding="5">
1 | 2 | 3 |
4 | 5 | 6 |
7 | 8 | 9 |
<table width="130" border="2" cellpadding="0" cellspacing="0">
ぎ | ゅ | う | ぎ | ゅ | う | づ | め |
で | す | 。 | 見 | づ | ら |
い | ? |