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、浏览器中查看表头效果如下图

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

Www.yiLeen.com.CN艺莲園提供生活百科,美食,购物,旅游,房产,交通,家居,数码,科技,财经,教育,健康,娱乐,历史,汽车,生活消费门户网站