表の作り方

・<table>〜</table> ・・・ 罫線なしの表 ・<table border>〜</table> ・・・ 罫線つきの表 <table>〜</table>内に書くべきタグ ・ <tr>〜</tr> ・・・行 ・ <td>〜</td> ・・・列  必要なだけ、行と列を記述する
 また、列のは行のタグの中に記述する。

例)
タグの記述 <table border> <tr> <td>1行目の1列目</td> <td>1行目の2列目</td> </tr> <tr> <td>2行目の1列目</td> <td>2行目の2列目</td> </tr> </table> 実際にHTMLで見た場合

1行目の1列目 1行目の2列目
2行目の1列目 2行目の2列目

表の縦幅、横幅の変え方

横幅や、縦幅は変えたい列のタグに特定の記述を加えることでできる。 縦幅 ・・・ <td height="30"> (30という数値を変更することで縦幅が変わる) 横幅 ・・・ <td width="100"> (100という数値を変更することで横幅が変わる) 両方 ・・・ <td height="30" width="100"> (数値を変えることで横幅、縦幅が変わる) 例)
タグの記述 <table border> <tr> <td height="40" width="100">1行目の1列目</td> <td width="200">1行目の2列目</td> </tr> <tr> <td height="80">2行目の1列目</td> <td>2行目の2列目</td> </tr> </table> 実際にHTMLで見た場合

1行目の1列目 1行目の2列目
2行目の1列目 2行目の2列目

表の文字列の位置の変更

文字列の位置も変えたい場所のタグに特定の記述を加えることでできる。 右寄せ  ・・・ <td align="right"> 中央寄せ ・・・ <td align="center"> 左寄せ  ・・・ <td align="left"> ※デフォルトでは左寄せになっている 例)
タグの記述 <table border> <tr> <td width="200">何も書かない場合</td> <td align="right" width="200">右寄せ</td> </tr> <tr> <td align="center" width="200">中央寄せ</td> <td align="left" width="200">左寄せ</td> </tr> </table> 実際にHTMLで見た場合

何も書かない場合 右寄せ
中央寄せ 左寄せ

戻る