如何绘制HTML 表格

 时间:2026-04-24 18:41: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 表格

  • 将整型数组中,元素值大于零的输出反之输出零
  • css图片对齐方式
  • 健身房会员管理系统的主要功能
  • 如何用新版word创建pdf文档
  • Carbon 代码分享工具如何使用?
  • 热门搜索
    儒家文化手抄报 关于童年的手抄报 手抄报装饰 科学家的故事手抄报 致敬抗美援朝争做时代新人手抄报 中秋手抄报内容 年月日手抄报 端午节手抄报怎么画 防震减灾手抄报资料 清明手抄报 简单