浏览器由 内核（渲染引擎+js引擎) +外壳 构成。
五大常用浏览器：chrome 谷歌，内核是 苹果的webkit,blink
firefox 火狐，内核是 Gecko
safiri 苹果，内核是 webkit
opera 欧朋，挪威的公司，内核是Presto
IE 6,7,8,9，内核是Trident#********html********************************************
html不是编程语言，编程语言都会有自己的语法结构。html是标记语言。 css是样式语言。
html，hyper text markup language。超文本，有文本，音频视频，图片等
形式有成对的标签和单标签。
成对的标签，如：<></>开始结束标签；<html></html>根标签；<head></head>头部标签，里面内容不向用户展示
单标签，如：<meta charset='UTF-8'>；<img src="地址" alt="图片找不到文字的提示" >；
#**********编码*********************************************
ASCII ，字母+西文+符号 第一位置零不用，后7位 128个数据
ASCII扩展 ，第一位用了，最大 表示256个字符
GBK(6000个汉字) GB2312（10000汉字 ） GB18030 （繁体字） 0-127 ASCII +扩充
Unicode 万国码 全球所有字符 （1：01110111 这是一个汉字 还是字母）
UTF-8（解决问题，最常用） UTF-16
#***********文本标签********************************************
1:加粗字体的标签: <b>要加粗的内容</b> <strong>加粗</strong> 唯一差别：strong 语义化 （权重），beilian
2：斜体标签 <i>斜体</i> <em>斜体</em>（语义化）
3：删除标签 （中划线） <del>语义的</del> <s></s>
4：下划线 <u></u> underline
5:水平线 <hr>
#*****常用标签，无形当中最有形（90%使用）**************************************************
span 小容器 图标文字
div 大盒子 大容器 大图大的内容 没有默认属性 默认样式
#*****常用标签**************************************************
1:段落标签(大段文字)
<p></p> paragraph 特点：上下外间距（16px）
2：标题标签
h1--h6
h1在当前界面只有一个 h1会包裹logo 权重大
h4，h5，h6，字体太小，所以不用
3：插入图片的标签 (本质是文字)
<img src="地址" alt="找不到图片时的文字提示">
图片路径
绝对路径：电脑盘符路径，网络文件地址
相对路径：跳到上一级../../
解决图片的下间隙问题：（1）改变对齐方式（2）改变格式，图片默认以是文本，以文本方式显示。
改变对齐方式 ---》vertical-align:middle（中线） top bottom baseline(只要不是基线都可以解决)
#*****文本属性（css 样式语言）**************************************************
设置标签属性自定义样式属性style="属性名:属性值;属性名:属性值;属性名:属性值;"
（1）字体属性 font
字体颜色：color：red/yellow/green
字体家族font-family：“微软雅黑” “方正宋体”
字体粗细font-weight
字体形态font-style
#*******************************************************