1、第一步 打开VSCODE编辑器创建简单的项目结构目录进行编辑,可参照如下项目结构,如下图所示:可自行创建自己的项目结构:
2、第二步 延续操作第一步走,编辑HTML文件,打开html文件进行页面结构的设计,编辑的文件如下图所示:
3、第三步 接第二步,在HTMLe文件头部引用css文件,具体操作如下图所示:首先应该在css文件夹下创建style.css并且编写好样式:2,3步完成后在浏览器中查看编辑效果,展示效果如下:
4、第四步 编辑html文件,如下,找到文件中的table结构,并给 td添加演示属性实现td鳔硭差瞥跨多列占据多列,具体操作如下图所示:
5、第五步 完成2,3,4步后,打开浏览器刷新查看修改的效果,效果如下图所示:实现占据多列的效果: