在HTML页面设计中怎么制作表格呢

北京哪家医院白癜风最好 https://mip.yyk.99.com.cn/fengtai/68389/jingyan-392913.html

#网站制作##网站制作#在HTML页面设计中,表格经常被用于展示数据和页面布局。随着Web技术的不断发展,表格的应用已经越来越少,但是在某些情况下,我们依然需要使用表格来满足设计的要求。下面深圳市博纳网络信息技术有限公司讲解制作表格:

1.新建一个HTML页面,在body元素中嵌入一个table元素,实现基本的行列功能。设置表格的caption为“年部门评分表”,thead标签表示表头为“部门名称”和12个月份,tfoot标签表示部门统计结果,相关代码如下:

在浏览器中浏览这段代码的效果如下:

2.下面我们对表头进行修改,除了第1行第1列外,将其他表头拆分成两行,并将拆分后的第1行合并,相关代码如下:

然后刷新浏览器,效果:

3.表格的基本结构已经形成,但是这样的表格看起来很丑,我们通过设置表格的宽度、高度、边框、对齐方式、背景色等属性,对表格进行美化,相关代码如下:

刷新页面后的效果如图:




转载请注明:http://www.aierlanlan.com/cyrz/1655.html