静态网站制作基础知识（1)

发布时间：2020-05-18浏览次数：1056

工具
不建议新手使用任何自动完成功能的编辑器作为新初使用，因为最终你会产生依赖性，离开工具就无法创作出所需要的网页效果了。
我在百度云盘分享了一款工具，针对于新手使用的，代码高亮显示
工欲善其事，必先利其器，先下载你的工具来开始验证在此文章所讨论的知识点以及部分总结。
链接: https://pan.baidu.com/s/ 1dFMWP5v密码: xbad
其实，工具只是帮助我们达到目的而已，你也可以使用记事本进行开发。
实用的学习参考网站在某种意义上来说，其实也算是一种工具。
W3CSchool : http://www.w3school.com.cn/index.html
这篇文章有很多资源将引|用W3CSchool的教程，并且该网站的学习资源也很优秀。

开始
你已经下载工具了吗?
那么开始吧。
HTML是互联网组成的必不可少的一种标记性语言，我们所浏览的网页大都基 于HTML所提供。任何人都可以学习HTML技术，这其实属
于前端的技术范畴。
HTML称为超文本标记语言，具体可以 上网进行搜索。
打开工具，或者在桌面上新建一个文件, 将其命名为index.html
* .html其后辍名指的是HTML文件,可以使用任何浏览器打开此文件,这些浏览器会发挥文件的最大作用,而不是简简单单的文本文
档。
那么，如何编写HTML文件呢?
打开任一网站，点按键盘上的F12键，就可以看到其网站的源代码，观看代码并学习其实也是成长的一部分。
HTML5主要分为三部分(包括XHTML)
声明部分、头部(head)、主体 (body)，其中，容器(html) 包裹着头部和主体。
XHTML有些版本区分大小写,并且XHTML可能会在未来的某一个时候被HTML 5所替代，所以本文章主要精力放在HTML 5的知识点上。

实践:

我们来逐步分析_上面的实践代码。
此行是网页声明，用于告诉浏览器该如何解析此文档时所使用的HTML或XHTML规范，通常HTML 5的声明格式一
般如此。而XHTML 的声明格式很繁杂，它有三种声明格式，我只写松散(Loose) 声明，其余使用搜索引擎进行完善。
transitional.dtd " >
其余部分在之前已经讲过,但head标签之内的那些是什么呢?
标签用于描述网页的摘要信息，包括文档内容类型，编码信息，搜索关键字，网站功能等，采用键值对的方式描述信息。
这行代码指示浏览器该以怎样的编码来解析文档,有时候出现中文乱码是因为解析文档所用的格式错误
了。
我们来逐步分析上面的实践代码。
此行是网页声明，用于告诉浏览器该如何解析此文档时所使用的HTML或XHTML规范，通常HTML 5的声明格式一
般如此。而XHTML的声明格式很繁杂，它有三种声明格式，我只写松散(Loose) 声明，其余使用搜索弓|擎进行完善。
transitional.dtd " >
其余部分在之前已经讲过，但head标签之内的那些是什么呢?
标签用于描述网页的摘要信息，包括文档内容类型，编码信息，搜索关键字，网站功能等,采用键值对的方式描述信息。
这行代码指示浏览器该以怎样的编码来解析文档,有时候出现中文乱码是因为解析文档所用的格式错误
了。
此标签具体参阅:
百度百科: https://baike.baidu.com/item/meta/4265710?fr= aladdin
W3CSCHOOL: http://www.w3school.com.cn/tags/tag_ meta.asp