web网页的html文档属于哪种结构一个最简单HTML+CSS构建web页面html网页结构通常包括头部和主体学会了吗，

日期：2023/03/27 00:34作者：陈政倩人气：

导读：一个最简单HTML+CSS构建web页面作者：一个业余的UI设计师序：在我看来建网站就像盖房子一样，你要先将框架搭建起来，然后才能砌墙装修；（框架搭建）=网站的结构搭建；（砌墙）=给网站<body>标签内添加内容；（装修）=给我们网站的内容添加...

一个最简单html+css构建web页面

作者：一个业余的UI设计师

序：在我看来建网站就像盖房子一样，你要先将框架搭建起来，然后才能砌墙装修；

（框架搭建）=网站的结构搭建；（砌墙）=给网站<body>标签内添加内容；（装修）=给我们网站的内容添加css样式进行美化修饰。

今天咱们将在昨天的网站页面结构基础之上，继续完善网站结构，和给结构里面添加内容，使其变得完整。

言归正传，咱们回顾一下上一集都干了什么，温故知新一下。

昨天我们在电脑桌面上建立一个index文件夹，来作为我们网站项目的总文件夹；

在index文件夹里创建了一个index.html文件，和三个文件夹分别为（css）、（fa）（img）；

并将index文件夹，加载到辅助编程软件“Visual Studio Code”下的项目目录下；

最后利用快捷方式在index.html文件里，成功建立了一个HTML5网页的基础架构。（对上述内容不明确的读者，可以去上一集看看，那里有详细的解释说明）

建网站就像盖房子一样，你要先将框架搭建起来，然后才能砌墙装修。那么今天继续完善我们的网页结构和内容：

打开辅助软件“Visual Studio Code”；

打开我们的index项目；

在总目录下新建（js）文件夹和（favicon）文件

在目录中的css文件夹里建立（index.css）（base.css）（reset.css）文件；

具体作用和功能请看图一：

在“Visual Studio Code”中打开我们网站的首页文件（index.html）接下来我们就可以在里面添加内容了，也就是我所说的砌墙和装修。砌墙就是将我们想要展示在网站上的内容，全部用相应标签包裹，一起按照相应顺序放在我们的<body>标签里，

首先在<head>便签里的<title>标签里填写我们的网站名称（我的第一个网站）；

在<title>标签下面通过<link>标签引入我们外部的css文件。（link）标签是专门用来向页面中引入外部资源用的。

具体详细做法：（这是给纯小白看的，大神勿喷！）

（1）鼠标在</title>标签后面点一下，出现输入光标，点击键盘回车键也就是Enter键；

（2）键入link后按Tab键，快捷建立<link>标签；

（3）在href后面的引号内输入“./”再通过上下按钮将光标停留在css/上，继续按Tab键；

（4）再通过上下按钮将光标停留reset.css文件上，按Tab键，这样我们就成功的将外部的重置样式表引进了我们的index.html页面中了。

（5）通过上面四个步骤，继续将index.css和base.css文件引入。

（6）正常情况下，还要向页面引入放在（fa）文件夹下的图标字体库、(js)文件夹下的javascript文件等，在这里先简单的介绍一下，暂不做设置！

(注意：①请切换英文输入法，不然不起作用！；②“./”作用是访问我们当前打开文件的同级别目录，“../”是用来访问我们当前打开文件的上一级别目录；以此类推，这叫相对定位，感兴趣的可以百度提前了解一下；③还有就是这三个文件的引入顺序，一定要把reset.css放在最上面，切记，不然其他的样式都会被其重置掉，因为浏览器读取html网页是由上至下读取的，说白了就是浏览器默认先执行上面的在执行下面的，当都对同一元素进行修饰时，上面的就会被下面的给覆盖了！！这都是坑，记住了，要躲着点走)

9、接下来就可以向<body>里添加内容了，在这里我们找了一首杜甫的古诗；

“《望岳》

　　岱宗夫如何，齐鲁青未了。

　　造化钟神秀，阴阳割昏晓。

　　荡胸曾云，决眦归鸟。

会当凌绝顶，览众。”

将这首古诗，粘贴进我们网站的<body>标签中。如图二所示。