<!DOCTYPE html><!-- 文档声明,告诉浏览器以什么规范解析网页文档 -->
<html><!-- 网页的根元素，双标签 -->
<head lang="en"><!-- 网页的头部信息，双标签 -->

<meta charset="UTF-8">
<!-- meta元素用来定义元信息
    charset="UTF-8" 编码方式，utf-8（国际通用的编码方式）、GBK（包含全部中文字符）、gb2312(针对简体汉字)
-->
<title>网页标题</title><!-- 网页标题，双标签 -->

</head>
<body>
<!-- body标签，网页的主体内容，双标签，所有在浏览器中显示的内容全部写在body中-->

<!-- body标签，网页的主体内容，双标签，所有在浏览器中显示的内容全部写在body中-->
1、什么是HTML？

HTML是超文本标记语言，用标记来描述网页，是一种语法简单、结构清晰的语言。<br />

2、HTML文档也叫网页

扩展名为.html
首页的名称必须要叫index.html<br>

3、HTML的基础语法

HTML文档由HTML元素（标签、标记）定义
1）HTML标签由尖括号包围的关键词
2）标签：
    单标签：<标签名 />
    双标签：<标签名>[内容]</标签名>
    <标签名 属性2="属性值" 属性2="属性值">[内容：纯文本、图片、其他标签]</标签名>
    空元素：在严格模式下开始标签中进行闭合，eg:<br /> 强制换行标签

4、HTML的基本结构：

HTML注释：<!-- html注释内容 -->

</body>
</html>

div标签，搭建网页结构的基本标签——盒子

div标签，双标签,特点：
    宽度100%（父级盒有多大，宽度就有多大）
    高度自适应（内容有多高，盒子就有多高）
    独立成行（默认垂直显示（布局））
style属性：设置css样式
    width:元素的宽度，单位是像素px
    height:元素的高度，单位像素px
    background-color: 元素的背景颜色
    例：宽度100像素，高度100像素，背景颜色为粉色（pink）的盒子