如何绘制HTML 表格

时间:2026-02-12 06:15:55

1、简单的一格表格。我们通过这个代码绘制了一个只有一格的表格。它的内容也只有一行。它的边框线为宽度为1.

<table border="1">

<tr>

  <td>100</td>

</tr>

</table>

如何绘制HTML 表格

2、绘制一个三格的表格。我们把表格的宽度加到了2,内容为三格。

<table border="2">

<tr>

  <td>第一格</td>

  <td>第二格</td>

  <td>第三格</td>

</tr>

</table>

如何绘制HTML 表格

3、我们继续绘制一个两行三格的表格。<tr>这个代码我们使用了两次。

<table border="1">

<tr>

  <td>100</td>

  <td>200</td>

  <td>300</td>

</tr>

<tr>

  <td>400</td>

  <td>500</td>

  <td>600</td>

</tr>

</table>

如何绘制HTML 表格

4、我们绘制一个特粗边框的表格。

<table border="20">

<tr>

  <td>First</td>

  <td>Row</td>

</tr>   

<tr>

  <td>Second</td>

  <td>Row</td>

</tr>

</table>

如何绘制HTML 表格

5、表格的标题。我们在设计表格的标题的时候有两种不同的方式。

<th>Heading</th> 这在表格之内

<h4>这也是一种</h4> 这在表格之外

如何绘制HTML 表格

6、空白表格。我们知道有的时候,有的表格单元是空的。

<td>&nbsp;</td>

如何绘制HTML 表格

© 2026 一点资料
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com