手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用HTML创建table表格

时间:2024-10-17 17:18:19

1、新建HMTL文件,命名为index.html,用于创建表格。

如何使用HTML创建table表格

2、使用table创建表格,为了显示出表格的效果,这里设置边框的宽度为1px。

如何使用HTML创建table表格

3、创建表格行。通过<tr>标签来实现,需要结束标签</tr>。

如何使用HTML创建table表格

4、创建表格列。通过<td>标签来实现,需要结束标签</td>。下面代码创建了三列。

如何使用HTML创建table表格

5、运行代码,在浏览器查看效果:

如何使用HTML创建table表格

6、在上面代码的基础上创建多行表格,如四行表格,为了展示明显效果,给table表格的cellpadding属性20px,代码如下:

如何使用HTML创建table表格

7、运行代码,在浏览器查看效果:

如何使用HTML创建table表格
© 手抄报圈