学前端之间不得不知道一个网站：
网上有很多教程关于前端的，写的特别详细，也写的特别好。我们应该要自已理解，一些相应的前端的知识，不能只是复制粘贴
一幅图简单介绍
皮影戏人物的各个部件可以理解为html一些标签
皮影戏的人物是有颜色和一些布局这时候可以理解css需要给相应的网页做布局和相应颜色处理。
做成一些皮影戏人物，我们这时候就需要让这些人物动起来，这时候可以网页之间的一些动态效果，基本上是通过js来实现的。
在w3c的官网，介绍的都非常详细了。
我们用浏览器所看到页面（网页）是什么？
网页就是HTML的文档
HTML 文档=网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：
标签是什么？
- 是由一对尖括号包裹的单词构成 例如： ——<html> ——所有标签中的单词不可能以数字开头
- .标签不区分大小写。——<html> 和 <HTML>——推荐使用小写。
- 标签分为两部分： 开始标签——<a> 和 结束标签</a>——两个标签之间的部分 我们叫做标签体。
- 有些标签功能比较简单。使用一个标签即可。这种标签叫做自闭和标签。例如： ——<br/> <hr/> <input /> <img />——
- 标签可以嵌套。但是不能交叉嵌套。·——<a><b></a></b>——
标签属性
- ——<input>——是个标签，input后面的东西是标签的属性，但是标签的属性通常是以键值对出现的，例如上面的type="text"属性
- 属性只能出现在开始标签或自闭和标签中，不能出现在结束标签。
- 属性名字全部小写，属性值必须使用双引号或者单引号包裹，例如name="username"
- 如果属性值和属性名完全一样直接写属性名即可，例如：name="name"
在HTML文档最开头一般有一个——<!DOCTYPE html>——这是什么标签了
由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在
W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异（Quirks mode或者称为Compatibility
Mode）；由于W3C标准的推出，浏览器渲染页面有了统一的标准（CSScompat或称为Strict mode也有叫做Standars
mode），这就是二者最简单的区别。
W3C标准推出以后，浏览器都开始采纳新标准，但存在一个问题就是如何保证旧的网页还能继续浏览，在标准出来以前，
很多页面都是根据旧的渲染方法编写的，如果用的标准来渲染，将导致页面显示异常。为保持浏览器渲染的兼容性，使以
前的页面能够正常浏览，浏览器都保留了旧的渲染方法（如：微软的IE）。这样浏览器渲染上就产生了Quircks mode和Standars mode，两种渲染方法共存在一个浏览器上。
这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,
这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。
如果你的页面添加了——<!DOCTYPE html>——那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C标准去执行的
标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。
这就是<!DOCTYPE html>的作用。
<head>标签
head标签里的常用的两个标签
meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content， content中的内容其实就是各个参数的变量值。
注意：X-UA-Compatible
非meta标签
基本标签分为：块级标签和内敛标签
常用的块级标签有：——<p><hn><table><ol><ul><form><div>——
常用内敛标签：——<a><input><img><sub><sup><textarea><span>——
块（block）级标签的特点：
- 独占一行
- 总是在新行上开始
- 宽度缺省是它的容器的100%，除非设定一个宽度。
- 它可以容纳内联元素和其他块元素
内敛（inline）标签特点：
- 和其他元素都在一行上；
- 宽度就是它的文字或图片的宽度，不可改变
- 内联元素只能容纳文本或者其他内联元素
常用的特殊字符
——< >；"；——
常用的基本标签
简单的代码示例
图形标签<img>
img标签常用属性
超链接标签<a>
a标签的常用属性
列表标签
列表分为：有序列表和无序列表和自定义列表
表格标签<table>
table标签的常用属性
代码示例
一共三行三列，
合并了第三列的前两个单元格
合并了第三行的最后2个单元格
表单标签<from>
1. 表单属性
2.表单元素input,select,textarea
input标签的属性和对应值
注：
上传文件注意两点：
在form表单标签 里面
1 请求方式必须是post（什么时候用post和get：可以看看中的w3c标准中的解释）
2 enctype="multipart/form-data"
代码示例
<select>下拉框标签
selcet标签的常用属性
select标签的代码示例
<textarea> 文本域
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery