HTML表格为每一行添加标题

Question

我想创建一个像

这样的表格

col1 | col2 | col3
**     **     **
col4 
****************

我该如何编写html表标签？

非常感谢

Answer 1

最佳方式 - 为合并添加列Span。

<table>
  <tr>
    <th>*</th>
    <th>*</th>
    <th>*</th>
  </tr>
  <tr>
    <td colspan="3">***</td>
  </tr>
</table>

JSFIDDLE：http://jsfiddle.net/Lde2fwe7/

Answer 2

这样做：

<table>
 <tr>
   <td>col1</td>
   <td>col2</td>
   <td>col3</td>
 </tr>
 <tr>
  <td>**</td>
  <td>**</td>
  <td>**</td>
 </tr>
 <tr>
  <td colspan="3">col4</td>
 </tr>
 <tr>
  <td colspan="3">*********</td>
 </tr>

</table>

Answer 3

JSFiddle

使用colspan可以实现它。

<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
   <tr>
       <td colspan="3">head</td>
   </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
</table>

 

Answer 4

<table>
  <tr>
    <td>col1</td>
    <td>col2</td>
    <td>col3</td>
  </tr>
  <tr>
    <td>**</td>
    <td>**</td>
    <td>**</td>
  </tr>
  <tr>
    <td colspan="3">col4</td>
  </tr>
  <tr>
    <td colspan="3"> your text*</td>
  </tr>
</table>