TIL 02 HTMLテーブル(テーブル)

TABLES

th : table heading

tr : table row

td : table data

rowspan、colspanプロパティ

rowspan="(숫자)"行並

colspan="(숫자)"熱合併

<td>お入りください!

*span:跨

スコープのプロパティ

scope="row"行見出しscope="col"列見出し

<th>中に入る!

*scope:範囲

😀 表を作ろう...
見出しをクリックします.
見出しをクリックします.
見出しをクリックします.
タイトルA
1行1列
1行2列目
1、2行3列
タイトルB
2行1列目
2行2列目
合計
驚くべき数字

<table>
  <thead>
    <tr>
      <th></th>
      <th scope="col">제목1</th>
      <th scope="col">제목2</th>
      <th scope="col">제목3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">제목A</th>
      <td>1행 1열</td>
      <td>1행 2열</td>
      <td rowspan="2">1,2행 3열</td>
    </tr>
    <tr>
      <th scope="row">제목B</th>
      <td>2행 1열</td>
      <td>2행 2열</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th>합계</th>
      <td colspan="3">어마어마어마어마어마한 숫자</td>
    </tr>
  </tfoot>
<table>

Q.作るときに表がよく見えますが、なぜ出版されると割れてしまうのか…