| 初心者も簡単HTMLタグ講座（応用編） | ||||||||||||
<table>タグは単体では使いません。 <table>タグの中に<tr>縦の列数を指定する。<td>セル数を指定して使います。 <table><tr><td>ここが文字</td></tr></table> 単純にセルが一枚の表なら上のような感じ作成します。下に表示されています。
<table border="1"><tr><td>ここが</td><td>文字</td></tr></table>
縦に増やすなら <table border="1"><tr><td>ここが</td></tr><tr><td>文字</td></tr></table>
tableの属性を指定する <table width="数字" heigth="数字" border="数字" bgcolor="カラーコード又はカラーネーム" cellspacing="数字" cellpadding="数字">〜続く〜 width=テーブルの横幅を指定します。ピクセル又は%指定。 height=テーブルの高さを指定します。ピクセル又は%指定。 border=テーブルの枠の太さを指定します。ピクセル指定。0で非表示。 bgcolor=テーブルのカラーをカラーコード又はカラーネームで指定します。 cellspacing=罫線の幅をピクセル単位で指定します。 cellpadding=セルの余白を指定します。ピクセル単位です。 各属性を指定しない場合はデフォルトが適用されます。 trの属性を指定する <table〜続く〜<tr bgcolor="カラーコード又はカラーネーム">〜続く〜 bgcolor=表の行のカラーを指定します。 未指定の場合は標準が適用されます。 tdの属性を指定する <table〜<tr><td width="数字" height="数字" bgcolor="カラーコード又はカラーネーム" align="center,left,rightのいずれか valign="top,middle,bottomのいずれか">〜続く〜 width=セルの横幅を指定します。ピクセル単位。 height=セルの高さを指定します。ピクセル単位。 bgcolor=セルの色を指定します。 align=セルの中の文字の水平方向の位置指定です。 valign=セルの中の文字の垂直方向の位置指定です。 その他にも…色々なものが存在します（汗 tdはデータセルですが、th見だしセルも存在します。 thead tfoot tbodyと言うのも存在しますが、ここでは説明しません。 後は組み合わせて好みの表を作成してください。 その他の使い方 例えば下のような表はどうやって作成するのか？
<TR> <TD colspan="2" align="center">こんな表は？</TD> </TR> <TR> <TD width="50">１</TD> <TD width="50">２</TD> </TR> </TABLE> colspan="2"で調節しています。 下が３マスあるならcolspan="3"になります。 今度は下のような場合は？
<TR> <TD rowspan="2" width="50">こんな</TD> <TD width="50">感じの</TD> </TR> <TR> <TD width="50">表は？</TD> </TR> </TABLE> rowspanを使って指定します。 |
||||||||||||
| HOME BACK | ||||||||||||
| パソコン初心者講座ぱそおーる | ||||||||||||