学习网址
浏览器内核
IE：（现在是edge）
苹果：webkit
Google ：blink（是webkit的分支）
Oprea：blink（前任是）
Firefox：
Web标准
W3C及其他组织规定的标准集合。
结构标准：html
表现标准：css
行为标准：js
Html
定义：超文本标签语言
主要因素：文本、标签、语言
骨架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
工具
Sublime text3
快捷生成骨架：
最新版本是html:5+tab键，或者 ! 键
标签
<!DOCTYPE html> 告知使用版本html5
注：html:xt+tab，可以看到详细版本
<meta charset=”utf-8”> 告知字符集
字符集
gb2312 简体中文，包含6763个汉字
BIG5 繁体中文，港澳台等用
GBK 是gb2312的扩展，外加繁体中文
UTF-8 包含全球语言
排版标签：网页布局
注：当有或时，推荐用第一个。
1、标题标签：<h1></h1>到<h6></h6>，依次递减，<h1></h1>尽量少用
2、段落标签：<p></p>
3、水平线： <hr />或者<hr/>或者 <hr>
4、换行标签：<br />或者<br/>或者 <br>；间距比<p></p>小
没有实际意义，相当于盒子
5、<div><div> 默认占一行
6、<span></span> 默认不换行
文本格式化标签
1、粗体：<strong></strong>或<b></b>
2、斜体：<em></em>或<i></i>
3、删除体：<del></del>或<s></s>
4、下划线：<ins></ ins >或<u></u>
注：b i s u 没有强调的意思，strong、em、del、ins语义更强烈，搜索引擎优化。
标签属性
1、1个标签可以有多个属性，必须写在标签中，位于标签后面
2、属性之前不分先后顺序，属性之间以空格隔开
3、任何标签的属性都有默认值，省略时则为默认值
4、属性值必须引起来，双引号和单引号皆可
<!--要求：水平线的长度（width）为500像素，颜色为红色--> <hr width="500" color='red' length='200' >
图片标签
一般设置height、width一般只设置一个，另外一边按比例缩放。
<img src="E:\study\mycode\html\imgs\1.jpg" alt="无效路径" /> <img src="E:\study\mycode\html\imgs\img.jpg" title="这是我的大头贴" height="200" border="20" />
链接标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接标签</title>
</head>
<body>
<a href="http://www.baidu.com" target="_blank">新窗口打开百度</a></br>
<a href="E:\study\java\code\html\D001 dome.html" >内部链接</a>
<a href="#" >只有链接样式</a>
</body>
</html>
1、 外部链接时，必须加http://
2、 路径给"#"，只有链接样式，无法跳转
3、 target：_blank 新窗口打开，_self，本窗口打开（默认）
锚点定位
<!--抛锚--> <h2>目录</h2> <hr> <p>1、早年经历</p> <p><a href="#recode">2、获奖记录</a></p> <p>3、电影时代</p> <!--定位--> <h2 id="recode">获奖记录</h2>
base标签
优先级：base<内部属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!--base标签-->
<base target="_blank">
</head>
<body>
<a href="http://www.baidu.com">百度</a>
<a href="http://www.sina.com">新浪</a>
<!--内部属性-->
<a href="http://www.sina.com" target='_self'>新浪</a>
</body>
</html>
特殊字符标签
空格：
<： <
>： >
&： &
