HTML Table


表のタグを作成します。それだけでなく、ライブラリ全体、Webサイト全体のレイアウトレイアウトでも使用でき、広く応用できます。


-表のコンポーネント

  • :表のタグを作成
  • :表行のタグ(表行)を作成
  • :テーブルのタイトル領域を指定
  • :表の本体領域を指定
  • :テーブルの入力領域を指定
  • :1つ以上のカラム(col)をグループ化する場合は、サブカラムしか使用できません.

    -テーブルの作成順序

    <table>
    	<th>테이블 만들기</th>
    	<tr>
    		<td>첫 번째</td>
    		<td>두 번째</td>
    	</tr>
    </table>
    一番外側に<表></表>と書いて、一番上の<th><th>表見出しのデフォルト値を太字に並べます(ただし<th>ではなく、<tr>をそのまま用いて表見出しを作成する場合が多いです).

    -表のデザインを変更

  • border:表の枠線
    HTML自体をあげるのはCSSをあげるより便利で、CSSをあげるときはth trtdの場合にあげるので面倒です.
  • :表の列ヘッダーを作成するタグのデフォルト値(中央揃え、太字)
  • :テーブル内の列のタグ(テーブルデータ)の作成
  • <ヘッダー>:テーブルヘッダーテーブルの最初のサブアイテムとして使用する必要があります.(アクセス必須)
  • というように与えられることが多く、空白が生じる場合があります.この場合、border-wulsion::wulsion;あげるなら、きれいに織れます.
  • bordercolor:表の枠線色
  • width:表の横サイズ
  • height:表の垂直寸法
  • align:ソート
    与える方法はいろいろあります.タグにalign=「center」またはCSSを与える場合は、注意してください.それはtable>trであればCSSは適用されず、F 12を押すとtableの下にtbodyが隠されていることが確認できますが、HTMLにが書かれていなくてもブラウザで認識されるのはそうです.したがって、直系を使用する場合はtable>tbody>trのように記入するか、classセレクタまたはidセレクタを使用してCSSを適用したい場所にCSSを適用する必要があります.

  • bgcolor:背景色

  • セル間隔:セル間の間隔を指定します.

  • colspan:横連結(連結列)

  • rowspan:垂直連結(行連結)
    colspanと書いてもrowspanと書いてもマージされるので、必要に応じてtdを削除する必要があり、テーブルがちょうど落ちます.

  • 結果ウィンドウ