<!--属性名不需要加双引号，属性值必须加双引号-->
<!DOCTYPE html><!--文档声明-代表使用h5的规范，必须写在第一行，不区分大小写-->
<html lang="en,zh">
<head>
<meta charset="utf-8"> 编码字符集是utf-8，一般都用这个，这样页面显示的文字就不会乱码，国际通用
<meta content="网页关键字" nam="keywords">
<meta content="网站描述信息" nam="description">
<title>淘宝网-淘 我喜欢！</title> 这是网页标题，比如淘宝网页的标题
<style type="text/css">
//写页面布局
</style>
</head>
<body>
//各种标签可以嵌套使用
<p>段落标签</p>
<h1>标题标签，有六种，逐次减小，独占一行，加粗字体</h1>
<strong>标签内内容加粗展示</strong>
<em>斜体</em>
<del>原价¥50 就是带删除线的</del>
<address>地址，独占一行，斜体</address>
<div>重点：绑定化操作类似一个容器，将页面元素包装成一块一块的，方便维护，
让页面更加结构化，有相同属性的话，直接操作div就不用一个一个去设置</div>
<span><span>
</body>
</html>
- html根标签，所有html的内容必须写在html标签内，代表是一个页面
lang="en"告诉搜索引擎爬虫，我们的网站是关于什么内容的 ，en是中文，zh是中文，这个属性跟网页排序有关:
一种是竞价排名，就是花钱排到前面（小公司一般花不起）
一种是搜索引擎爬虫，当你符合他的行为习惯就有可能排到前面（meta标签内元素）
- head 是页面的头部，一般是对这个html的一些特性设置，比如网页标题、页面样式这些、编码格式等 例如上面代码
- body页面具体内容，一个网页所有的组成元素都写在这里面，是静态的，就像是一间房子里，家具啥的都摆成一堆，要想好看，就得给房子进行装修，家具都买好后，在head中用style标签写上布局样式，就能把房子装修好看，还能有动态效果
