创建一个具有一个标题和三或两列的表

Question

我想制作一张表格，该表格的中心只有一个标题，而到此图片为止只有两三列。 https://drive.google.com/open?id=1IDfBI09c5Oo4HYJKTmIb5LY97HFVfJLr

我尝试了以下操作来完成上图所示的表格，但未完全与上图正确对齐。

<table>
  <tr>
    <th>Title</th>
  </tr>
  <tr>
    <td>A</td>
    <td>some textt</td>
  </tr>
  <tr>
    <td>B</td>
    <td>b</td>
  </tr>
  <tr>
    <td>C</td>
    <td>c</td>
  </tr>
  <tr>
    <td>some text</td>
    <td>some text</td>
  </tr>
</table>

Answer 1

使用colspan=2使th单元格跨越两列。

添加一点css以根据需要格式化表格

table{border-collapse:collapse;}
tr,td{border:1px solid #aaa;}
td{text-align:center;padding:5px 10px;}

<table>
  <tr>
    <th colspan=2>Title</th>
  </tr>
  <tr>
    <td>A</td>
    <td>some textt</td>
  </tr>
  <tr>
    <td>B</td>
    <td>b</td>
  </tr>
  <tr>
    <td>C</td>
    <td>c</td>
  </tr>
  <tr>
    <td>some text</td>
    <td>some text</td>
  </tr>
</table>

Answer 2

为colspan标签为attribute添加了HTML table，请跟随代码。

<table>
  <tr>
    <th colspan="2">Title</th>
  </tr>
  <tr>
    <td>A</td>
    <td>a</td>
  </tr>
  <tr>
    <td>B</td>
    <td>b</td>
  </tr>
  <tr>
    <td>C</td>
    <td>c</td>
  </tr>
  <tr>
    <td>some text</td>
    <td>some text</td>
  </tr>
</table>