##浏览器的内核webkit/Blink
web标准 结构+表现+行为 (最佳的状态是三者分离)
下面是一些标签的使用
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<!--我是小可爱啊-->
<div>一个占一行</div>
<div id="div占一行">一个占一行</div>
<span>miao1</span>
<span>miao2</span>
<span>miao3</span>
<br />
<img src="核2.png" />
<br />
<img src="核2.jpg" alt="哈哈显示不出来吧" />
<br />
<img src="核2.png" title="鼠标点图片我就显示出来了" />
<br />
<img src="核2.png" title="鼠标点图片我就显示出来了" height="300" width="500" border="0" />
<br />
<img src="https://avatars.githubusercontent.com/u/32792595?v=4" title="鼠标点图片我就显示出来了" height="300" width="500" border="0" />
<br />
<a href="https://app.grammarly.com/">grammarly</a>
<br />
<a href="https://app.grammarly.com/" target="_blank">grammarly</a>
<br />
<a href="https://app.grammarly.com/" target="_top">grammarly</a>
<br />
<a href="https://app.grammarly.com/" target="_top"><img src="核2.png" /></a>
<br />
<a href="#div占一行">div</a>
<h1>特殊字符 <></h1>
</body>
</html>