 テーブルのつくりかた ３
ｩテーブルの大きさを指定するｩ
テーブルの大きさを設定するときは
テーブルのヨコ幅を『width』
テーブルのタテ幅を『height』
で指定します。
【『width』を300にした場合】
| <table border="1" width="ヨコ幅" bordercolor="#枠の色"><tr><td>★</td><td>☆</td></tr><tr><td>◇</td><td>◆</td></tr></table> |
【『height』を100にした場合】
| <table border="1" width="ヨコ幅" height="タテ幅" bordercolor="#枠の色"><tr><td>★</td><td>☆</td></tr><tr><td>◇</td><td>◆</td></tr></table> |
ｩテーブルの位置を指定するｩ
テーブルの位置を変えるときは『align="指定する位置"』を使います。
左：left
中央：center
右：right
【left：左】
【center：中央】
【right：右】
| <table border="1" bordercolor="#枠の色" align="指定する位置"><tr><td>★</td><td>☆</td></tr><tr><td>◇</td><td>◆</td></tr></table> |
ｩテーブルを並べる応用編ｩ
組み合わせれば、
オリジナルのレイアウトやデザインが作れます♪
| <table><tr><td><table border="1" bordercolor="#枠の色"><tr><td>★</td><td>☆</td></tr></table></td><td><table border="1" bordercolor="#枠の色"><tr><td>◆</td><td>◇</td></tr></table></td></tr><tr><td><table border="1" bordercolor="#枠の色"><tr><td>■</td><td>□</td></tr></table></td><td><table border="1" bordercolor="#枠の色"><tr><td>●</td><td>○</td></tr></table></td></tr></table> |
ｩマス目をヨコにつなげるｩ
マス目をヨコにつなげるときは『colspan』を使うと
テーブルレイアウトの自由度が広がります。
【なにも指定しない場合】
| <table border="1" bordercolor="#枠の色"><tr><td>★</td><td>☆</td><td>★</td></tr><tr><td>◇</td><td>◆</td><td>◇</td></tr></table> |
【<colspan="2">と入力した場合】
| <table border="1" bordercolor="#枠の色"><tr><td colspan="2">★</td><td>★</td></tr><tr><td>◇</td><td>◆</td><td>◇</td></tr></table> |
【<colspan="3">と入力した場合】
| <table border="1" bordercolor="#枠の色"><tr><td colspan="3">★</td></tr><tr><td>◇</td><td>◆</td><td>◇</td></tr></table> |
【<colspan="5"> <colspan="2">と入力した場合】
| <table border="1" bordercolor="#枠の色"><tr><td colspan="5">★</td></tr><tr><td>◇</td><td>◆</td><td>◇</td><td>◆</td><td>◇</td></tr><tr><td colspan="2">◆</td><td colspan="2">◇</td><td>◆</td></tr><tr><td colspan="5">◇</td></tr></table> |
|
出産・子育て
ファッション
美容・コスメ
健康・ダイエット
生活・インテリア
料理・食べ物
ドリンク・お酒
ペット
趣味・ゲーム
映画・ＴＶ
音楽
読書・コミック
旅行・海外情報
園芸
スポーツ
アウトドア・釣り
車・バイク
パソコン・家電
そのほか
すべてのジャンル
