html表格大小不一样怎么设置（html表格）

大家好，小活来为大家解答以上问题。html表格大小不一样怎么设置，html表格很多人还不知道，现在让我们一起来看看吧！

1、 打开皮查姆开发工具，新建td.html文件，写代码如下；

2、 ！DOCTYPE html html head meta charset=' UTF-8 ' title title/title/head body table tr TD hello/TD TD world/TD/tr/table/body/html

3、 表格标签是tr表是行，td是单元格

4、 点击左上角的浏览器图标查看效果如下图

5、 表格虽然可以显示，但是没有边框很难看，增加几行并设置边框和背景颜色如下：

6、 ！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title/head body table border=' 1 ' bgcolor=' red ' tr TD hello/TD TD TD TD TD world/TD/tr tr TD hi/TD TD TD lily/TD/tr tr TD呵呵/TD呵呵/td /tr /table/body/html

7、 浏览器中查看效果如下图

8、 跨行和跨列也是表格常用的属性，写个代码演示一下

9、 ！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title/head body table border=' 1 ' bgcolor=' red ' tr TD colspan=' 2 ' hello/TD/tr tr TD world/TD row span=' 2 ' hi/TD/tr tr TD hehe/TD/tr/table/body/html

10、 浏览器中查看跨行跨列效果如下图

11、 添加表头thead，代码如下：

12、 ！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title/head body table border=' 1 ' bgcolor=' red ' thead我是表头/ad tr TD colspan=' 2 ' hello/TD/tr tr TD world/TD TD rowspan=' 2 ' hi/TD/tr tr TD hehe/TD/tr/table/body/html

13、 浏览器中查看表头效果如下图

本文到此结束，希望对大家有所帮助。

免责声明：本文由用户上传，如有侵权请联系删除！