如何绘制HTML 表格

2025-11-08 21:19:51

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 表格

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢