<!-- html注释 ctrl + / 生成h5文档 ! html:5 tab 或者enter -->
<!-- 网页声明 标准得h5文档 -->
<!DOCTYPE html>
<!-- 根标签 一个网页只有一个根标签 网页得部分都写在html标签 -->
<html lang="en">
<!-- 不会直接显示在网页中 -->
<head>
<!-- 元数据 meta -->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 选项卡标题 -->
<title>初始html</title>
</head>
<!-- 网页主体部分 -->
<body>
<!-- html语法:
1.注释 ctrl + /
解释说明代码 便于代码阅读和维护
2.属性 标签都有四个属性 id class style title
id 唯一标识一个元素
class 标识一类元素
style 给标签设置样式 内联样式 行内样式
title 标签得提示说明
img width height img特有属性 alt 图片加载失败说明
-->
<!-- 单标签 img br 换行 hr分割线 meta-->
<!-- <img src="" alt="" />
<br />
<hr /> -->
<!-- 双标签 开始标签 内部内容(标签) 结束标签 -->
<!-- <div>内部内容</div> -->
<!-- 注意规范: 建议镜面嵌套 不建议交叉嵌套 -->
<!-- 镜面嵌套 -->
<!-- <div>
<div></div>
<p></p>
<span></span>
</div> -->
<!-- 交叉嵌套 -->
<!-- <div>
<p>
</div>
</p> -->
<!-- <img width="300px" src="" alt="">
<div width="200px"></div> -->
<!-- 标签属性 属性名和属性值之间使用= 隔开 多对属性之间使用空格隔开 -->
<div id="container box"></div>
<div class="box" title=""></div>
<div style="background-color: red">我是块级元素</div>
<div title="我是第四个元素">我是块级元素</div>
<!-- 字符实体 空格 <小于号 >大于号 "双引号 ©版权-->
<div>我 <"是块级元素">©</div>
</body>
</html>
