前修必备知识：

---1、在HTML里面，其实大小写的作用是一样的，一般使用的是小写（理解为潜规则，一个标准吧）

---2、meta，一般而言申明页面的属性，开头是声明用HTML5的协议，必须写，标题头这里面有个问题，如果没写可能是HTML4.01标准的，位置是放在有效代码第一行（字节头一般是不加/的，因为不会成对出现，建议加上，标签也是一样，比如下面的
、
效果一样，H5的标准，实际上也是

的缩写）

height

---3、在一个网页里面，我们是通过一个个的标签来体现功能的，而这些标签也是成对出现的，除了声明意外，成对是为了往里面放入东西，裹入其中

----4、标签后面逐个添加属性，只需给个空格，不用逗号

----5、在这里，我们可以得到一个感受，因为我们要用路径，不要使用中文，特殊符号，用标准的

----6、开发使用当前路径，像百度用的是绝对路径，为什么呢？因为百度它们项目过于庞大，它们会拿出专门的服务器放图片，另一个服务器放图片...而我们要注意，使用相对路径

----7、快捷键，先保存一下文件，打个感叹号，再打个tab，一个简单的主体就会出来

----8、HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符，比如dos系统)

---对于这个老师没有重点讲，就不要深究了，这个网页是可以用英文进行开发的

~~lang="zh"设置网页默认语言为中文（包括简体，繁体）;~~

~~lang="zh-cn"则是设置为简体中文~~

注意：lang属性中的语言代码不区分大小写,用于声明当前页面的语言类型。

对于标签，我们可以分为两类：

【要是把行标签放入块标签的话，不管怎么设置大小都是不管用的】

块标签：默认是占满一行

行内标签：是由内容所决定的，可以多个行内标签放一块

进行网页的简单制作思路：

第一部分，网页开发环境和运行环境：开发环境是任何可编辑工具，运行环境浏览器就行

浏览器+网页开发工具（记事本/超级记事本/IDE工具(又称集成开发环境（integrated development environment））-----包括（Dreamweaver/Hbuilder/WebStrom/pycharm等等））

第二部分，第一个完整的网页结构

第三部分，网页开发的基本结构【网页文档声明、网页页面属性定义（标题、编码）、网页内容部分】

实际操作步骤1：简单的网页搭建

1、必须明白点：

从这里我们可以看见，我们已经简单了展示了第一个网页的制作完成，注意的是，声明，编码解码格式，缩进问题，成对出现的标签（里面要裹东西）

2、格式：

一般写网页，大致分为两个部分，一个头和身体，它们是平级的，格式要保持一致

3、代码全面布局：

HTML的结构：

声明部分：主要作用是用来告诉浏览器这个页面使用的是哪个标准。是HTML5标准。

head部分：将页面的一些额外信息告诉服务器。不会显示在页面上。

body部分：我们所写的代码必须放在此标签內。

目前，IE浏览器是完全不支持H5的，支持最好的是Opera浏览器，可以支持95%以上；其次是google，可以支持一部分H5。

备注：

所有的浏览器默认情况下都会忽略空格和空行

每个标签都有私有属性。也都有公有属性。

html中表示长度的单位都是像素。HTML只有一种单位就是像素。

对于标签头来说：

我们一般要写入声明--编码格式啊，标题头--让人大致要看懂我进入哪了，主要是起一个说明作用

而身体：

也就是正文部分，也就是我们能看见的网页部分，也就是我们进行布局展示给用户看的界面，在后面我们会利用标签和属性了让网页变得更加丰富

4、页面渲染：

其实，在head里面还有style标签，起到一个渲染效果，后面逐步会碰到