如何使用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表格
  • html5如何创建一个标准文档
  • css如何让图片翻转
  • 如何使用CSS3中的box-orient属性设置容器排列
  • Dreamweaver CS6如何应用:[14]插入控件
  • table和div的区别?如何取舍?
  • 热门搜索
    邮轮旅游攻略 艾芙洛洗发水怎么样 重庆黑山谷旅游攻略 文明6攻略 丽江古城简介 正定古城游玩攻略 拔罐减肥食谱 奇迹暖暖攻略 qq群活跃度怎么刷 校园修神录攻略