トップ>やさしいHTML教室トップ>メニュー>テーブル(表)の基本構造 次へ(セルの結合)
<table>〜</table>まず、テーブルの始まりに<table>、終わりに</table>をおきます。 <tr>〜</tr>行を指定するタグです。<table>〜</table>の中にこのタグを入れます。 <td>〜</td>列を指定するタグです。<tr>〜</tr>の中にこのタグを入れます。 <table border="ピクセル数">テーブルの線の有り、無しと外側の線の太さを指定します。 | ||||||||||||
プレビュー | HTMLソース | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
<html> <head> <title>サンプル</title> </head> <body> <table> <tr> <td>1行目の1列目です</td> <td>1行目の2列目です</td> </tr> <tr> <td>2行目の1列目です</td> <td>2行目の2列目です</td> </tr> </table> <table border="5"> <tr> <td>1行目の1列目です</td> <td>1行目の2列目です</td> </tr> <tr> <td>2行目の1列目です</td> <td>2行目の2列目です</td> </tr> </table> </body> </html> |
トップ>やさしいHTML教室トップ>メニュー>テーブル(表)の基本構造 次へ(セルの結合)