一.web标准
web准备介绍：
- w3c：万维网联盟组织，用来制定web标准的机构（组织）
- web标准：制作网页遵循的规范
- web准备规范的分类：结构标准、表现标准、行为标准。
- 结构：html。表示：css。行为：Javascript。
web准备总结：
- 结构标准：相当于人的身体。html就是用来制作网页的。
- 表现标准： 相当于人的衣服。css就是对网页进行美化的。
- 行为标准： 相当于人的动作。JS就是让网页动起来，具有生命力的
二.浏览器介绍
浏览器：用google，最规范
浏览器 内核:就是浏览器所采用的渲染引擎
IE trident
chrome blink
火狐 gecko
safari webkit
三.HTML介绍
HyperText Markup Language,超文本标记语言
- 超文本：音频，视频，图片称为超文本。
- 标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。
作用：HTML是负责描述文档语义的语言。
注意：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程)，HTML页面直接由浏览器解析执行。
比如，面试的时候问你，h1标签有什么作用？
- 正确答案：给文本增加主标题的语义。
四.HTML的规范
- HTML是一个弱势语言
- HTML不区分大小写
- HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符，比如dos系统)
- HTML的结构： 声明部分：主要作用是用来告诉浏览器这个页面使用的是哪个标准。是HTML5标准。
- head部分：将页面的一些额外信息告诉服务器。不会显示在页面上。
- body部分：我们所写的代码必须放在此标签內。
1、编写HTML的规范
1）所有标记元素都要正确的嵌套，不能交叉嵌套。正确写法举例：<h1><font></font></h1>
（2）所有的标记都必须小写。
（3）所有的标记都必须关闭。
- 双边标记：
<span></span> - 单边标记：
<br>转成<br /><hr>转成<hr />，还有<img src=“URL” />
（4）所有的属性值必须加引号。<h1 id="head"></h1>
（5）所有的属性必须有值。<input type="radio" checked="checked" />
2、HTML的基本语法特征
1.HTML对换行不敏感，对tab不敏感
2.空白折叠现象
3.标签要严格封闭
2、头标签（head）
head标签都放在头部分之间。这里面包含了：<title>、<meta>、<link>，<style>
<title>：指定整个网页的标题，在浏览器最上方显示。<meta>：提供有关页面的基本信息<link>：定义文档与外部资源的关系。- <style>:定义内部样式表与网页的关系
3.body标签
一、字体标签
标题
标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标题，<h6>定义最小的标题。具有align属性，属性值可以是：left、center、right。
字体标签<font>(已废弃)
<font face="微软雅黑" color="green" size="8">字体</font>
粗体标签<b>或<strong>(已放弃)
示例：
小马哥 <b>小马哥</b> <strong>小马哥</strong>
下划线标记 <u> 中划线标记<s>（已废弃）
示例：
<u>小马哥</u> <s>小马哥</s>
斜体标记 <i>或<em>（已废弃）
示例：
小马哥 <i>小马哥</i> <em>小马哥</em>
上标<sup> 下标<sub>
上小标这两个标签容易混淆，怎么记呢？这样记：b的意思是bottom：底部
例子：
5<sup>2</sup> 8<sub>2</sub>
特殊字符
：空格 （non-breaking spacing，不断打空格）<：小于号（less than）>：大于号（greater than）&：符号&"：双引号'：单引号©：版权©™：商标™
要求大家背过的特殊字符： 、<、>、©
比如说，你想把<p>作为一个文本在页面上显示，直接写<p>是肯定不行的，因为这代表的是一个段落标签，所以这里需要用到转义字符。应该这么写：
这是一个HTML语言的<p>标签