（1）lang="en"：定义当前文档显示文字的语言
lang:语言属性 lang是language的简写
en：英语
en定义语言为英语
zh-CN定义语言为中文
兄弟关系：并列关系 body 和 head title和meta
父子关系：嵌套关系 html 和body html和head
（2） 页面的三大组成部分
1.html 结构层
2.css 样式层
3.js 行为层
结构层html和表现层css，是 W3C 制定的规范，万维网联名。
行为层js，是 ECMA 制定的规范，欧洲计算机协会。
（3）常用HTML标签
块级标记
div标签
搭建网页结构的基本标签——盒子；无语义标签
div标签
搭建网页结构的基本标签——盒子；无语义标签
p标签：段落标记
hr标签：水平分割线 块级标记
特性
- 默认自带间距、自带边框
作用：在页面中显示一条水平线
br标签：强制换行
行级标签
文本格式化标签
span标签:无语义标签，用于区分样式
* 没有实际的语义，可以理解为一个小盒子，里面一般装着一个或几个文本内容
* 应用场景：控制局部文本的样式
- b标签：一个实体标签，它里面包围的文本显示粗体效果
- strong标签：一个语义标签，强调语气，它里面包围的文本显示粗体效果
- i标签：它里面包围的文本显示斜体效果
- em标签：一个语义标签，强调语气，它里面包围的文本显示斜体效果
- del标签：删除线
- sup标签：上标
- sub标签：下标
- 特性
- 宽度默认由内容撑开
- 高度默认由内容撑开
- 默认横向显示——水平布局，一行排不下，自动折行
- 换行和空格会被解析
a:超链接标签
href:跳转的路径；
网址，本地文件，空链接（#占位，跳转到当前页的顶部），伪链接（href="javascript:"假链接，不跳转的）
特性：
1.宽度默认由内容撑开
2.高度默认由内容撑开
3.默认横向显示，水平布局，一行排不下，自动折行
4.换行和空格会被解析
5.自带文字颜色
6.自带下划线
7.鼠标指针的形状为手型
8.去掉a标签下划线text-decoration: none;
利用锚点来跳转指定锚点处
定义锚点
<div id='锚点名称'></div>
引用锚点 <a href="#锚点名称">内容</a>
行内块级标记
img图像标签
img标签
语法：<img src="" alt="">
src:图片的路径
../../表示上上级目录
alt:作用:指定替换文本,默认不显示，当图像不能正常显示时，显示该文字对图像进行替换,有利于用户体验
title:提示信息的作用,鼠标悬停在图片时显示提示信息
width：宽度
height:高度
注意：值可以不带单位默认px，只指定宽或高属性其中一个，另一个按照原比例等比缩放
特性：
1.默认横向显示，水平布局，一行排不下，自动折行
2.换行和空格会被解析
3.可以设置宽高