この章ではthとtdにwidthを設定する方法について説明します。
今まではtable要素にwidthを指定していましたが、widthは td や thにも設定できます。
widthに入力できる値はpx,pt,pc,ex,em,mm,cm,inや%です。th,tdに%を使用するとそれはテーブル全体の横幅に対する割合になります。
また、td,th,tableのCSSに
のように
を使用すると背景色を設定することが出来ます。
では例をみてみましょう。
結果は以下の通りです
この章ではテーブルを作成するタグについて説明します。
テーブルとは表組のことを言います。
テーブルはサイトを作成する上で頻繁に使うので
しっかりと覚えてください。
では例をみてみましょう。
結果は以下のような表組みを出力します。
table要素の属性には以下のようにborder属性やwidth属性を入れることが出来ます。
border属性にはボーダーの太さをピクセル数で指定してください。
width属性はテーブルの幅を% やピクセル数で指定してください。
では次の例を見てみましょう。
以下の例は<th>が無い形式ですが、このように<th>を入れなくても問題ありません。
結果は以下の通りです。