一、web基础
结构：html，美化：CSS，行为：JavaScript
web总结
- 结构标准：相当于人的身体。html就是用来制作网页的。
- 表现标准： 相当于人的衣服。css就是对网页进行美化的。
- 行为标准： 相当于人的动作。JS就是让网页动起来，具有生命力的。
二、浏览器内核
浏览器内核
- IE浏览器：trident
- chrome浏览器：blink
- 火狐浏览器：gecko
- Safari浏览器：webkit
PS：「浏览器内核」也就是浏览器所采用的「渲染引擎」，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。渲染引擎是兼容性问题出现的根本原因。
三、HTML（超文本标记语言）
html规范
- 所有标记元素都要正确的嵌套，不能交叉嵌套。正确写法举例：
<h1><font></font></h1> - 所有的标记都必须小写。
- 所有的标记都必须关闭。双边标记：
<span></span> - 所有的属性值必须加引号。
<font color="red"></font> - 所有的属性必须有值。
<hr noshade="noshade">
html基础详解
Vscode快速生成html骨架：输入html:5，按 Tab键
- meta标签
（1）字符集charset：
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
ps：浏览器就是通过meta来看网页是什么字符集的。比如你保存的时候，meta写的和声明的不匹配，那么浏览器就是乱码。 （2）视口viewport：
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
width=device-width：表示窗口宽度等于屏幕宽度
- 标签的属性
bgcolor：设置整个网页的背景颜色。
background：设置整个网页的背景图片。
text：设置网页中的文本颜色。
leftmargin：网页的左边距。IE浏览器默认是8个像素。
topmargin：网页的上边距。
rightmargin：网页的右边距。
bottommargin：网页的下边距。
link属性表示默认显示的颜色、alink属性表示鼠标点击但是还没有松开时的颜色、vlink属性表示点击完成之后显示的颜色。
- 排版标签
注释标签：<!-- 注释 -->
段落标签：<p>This is a paragraph</p>;属性：align=“属性值（left、center、right）”
例：<p algin="center">dilidili</p>
注：HTML标签是分等级的，HTML将所有的标签分为两种：
文本级标签：p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素。（a标签里不能放a和input）
容器级标签：div、h系列、li、dt、dd。容器级标签里可以放置任何东西。
- 块级标签
<div>和<span>
div和span是非常重要的标签，div的语义是division“分割”；span的语义就是span“范围、跨度”。
(1)div在浏览器中，默认是不会增加任何的效果的，但是语义变了，div中的所有元素是一个小区域。 div标签是一个容器级标签，里面什么都能放，甚至可以放div自己。
(2)span也是表达“小区域、小跨度”的标签，但是是一个文本级的标签。就是说，span里面只能放置文字、图片、表单元素。 span里面不能放p、h、ul、dl、ol、div。
字体标签
- 标题：h1-h6标签进行定义
四、超链接
- 外部链接：链接到外部文件
例：<a href="02页面.html">点击进入另外一个文件</a>
- 锚链接
指给超链接起一个名字，作用是在本页面或者其他页面的的不同位置进行跳转。比如说，在网页底部有一个向上箭头，点击箭头后回到顶部，这个就是利用到了锚链接。
- 超链接属性
href：目标URL、title：鼠标放在链接上有悬停文本、name：主要用来设置一个锚点的名称、target：告诉浏览器用什么方式来打开目标页面，target属性有几个值【_self:在同一个网页中显示（默认值）、_blank：在新的窗口打开、_parent：在父窗口中显示、_top：在顶级窗口中显示】
五、图片标签
img标签能插入的图片类型： 能够插入的图片类型是：jpg(jpeg)、gif、png、bmp。不能往网页中插入的图片格式是：psd、ai
src属性：绝对路径和相对路径
- 相对路径：相对当前页面所在的路径。两个标记 . 和 .. 分表代表当前目录和父路径。
<!-- 当前目录中的图片 -->
<img src="2.jpg">
<img src=".\2.jpg">
<!-- 上一级目录中的图片 -->
<img src="..\2.jpg">
再例：当前页面有一个并列的文件夹images，在文件夹images中存放了一张图片1.jpg
<img src="images/1.jpg">
- 绝对路径
（1）以盘符开始的绝对路径。举例：
<img src="C:\Users\smyhvae\Desktop\html\images\1.jpg">
（2）网络路径。举例：
<img src="http://img.smyhvae.com/2016040102.jpg">
相对路径和绝对路径的总结
- 我们现在无论是在a标签、img标签，如果要用路径。只有两种路径能用，就是相对路径和绝对路径。
- 相对路径，就是../ image/ 这种路径。从自己出发，找到别人；
- 绝对路径，就是http://开头的路径。
- 绝对不允许使用file://开头的东西，这个是完全错误的！
img标签的其他属性
- width：宽度
- hight：高度
- align：指图片的水平对齐方式，属性值可以是left、right、center
- title：提示性文本。公有属性，鼠标悬停时出现文本
- border：给图片加边框，单位是像素，边框颜色是黑色
- Hspace：指图片的左右边距
- Vspace：指图片的上下边距
- alt：当图片不可用（无法显示）的时候，代替图片显示的内容。alt是英语 alternate “替代”的意思，代表替换资源。（有的浏览器不支持）
