实体（转义符号）
- 在 HTML 中有些时候，不能直接书写一些特殊符号。比如：多个连续的空格（浏览器会将其解析为一个空格）；两个字母两侧的大于和小于号。如果需要书写，则需要使用 HTML 中的实体（转义字符）
<body> <p> 大河之剑 天上来！ 大河之剑 天上来！ </p> <p> a<b>c a<b>c </p> </body> - 实体的语法：
&实体的名字; - 常见的实体：
- 空格：
- 大于号：
> - 小于号：
<
- 空格：
meta 标签
主要用于设置网页中的一些元数据
<head>
<!-- charset：指定网页的字符集 -->
<meta charset="UTF-8">
<!-- name：指定数据的名称 content：指定数据的内容 -->
<!-- keywords 表示网站的关键字，可以同时指定多个关键字，关键字之间使用逗号隔开，搜索引擎查找时匹配 -->
<meta name="keywords" content="HTML5,前端,CSS3">
<!-- description 表示网站的描述，显示在搜索引擎的搜索结果中 -->
<meta name="description" content="这是一个非常不错的网站！">
<!-- 将页面重定向到另一个网站(3s后跳转到百度) -->
<meta http-equiv="refresh" content="3;url=https://www.baidu.com">
<!-- title 标签的内容作为搜索结果的超链接上的文字显示 -->
<title>meta标签</title>
</head>
块和行内
块元素（block element）
- 在页面中独占一行的元素
- 在网页中一般通过块元素来对页面进行布局
行内元素（inline element）
- 在页面中不会独占一行的元素
- 主要用来包裹文字
一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素
p 元素中不能放任何的块元素
语义化标签
- 标题标签
<!-- 标题标签：h1 ~ h6，重要性递减。 h1 标签的重要性仅次于 title 标签，一般情况下一个页面中只会有一个 h1 一般情况下标题标签只会使用 h1 ~ h3，其他的很少用 标题标签都是块元素 hgroup 标签用来为标题分组，可以将一组相关的标题同时放入到 hgroup 中 --> <hgroup> <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h2> </hgroup> - p 标签
<!-- p 标签标示页面中的一个段落 块元素 --> <p>在p标签中的内容就表示一个段落</p> <p>在p标签中的内容就表示一个段落</p> - em 标签
<!-- em标签用于表示语音语调的一个加重（斜体） 行内元素 --> <p>大河之剑<em>天上来！</em></p> - strong 标签
<!-- strong 标签表示强调重要的内容（加粗） 行内元素 --> <p>纵情<strong>山河万里</strong>，肆意<strong>九州五岳</strong></p> - blockquote 标签
<!-- blockquote 标签表示长引用（另起一行且缩进） 块元素 --> <p> 鲁迅说： <blockquote>这句话我从来没说过！</blockquote> </p> - q 标签
<!-- q 标签标示短引用（加引号） 行内元素 --> <p> 子曰：<q>学而时习之，不亦说乎</q> </p> - br 标签
<!-- br 标签表示页面中的换行 --> <br>
布局标签（结构化语义标签）
<!--
header 表示网页的头部
main 表示网页的主体部分（一个页面中只有一个）
footer 表示网页的底部
-->
<header></header>
<main></main>
<footer></footer>
<!--
nav 表示网页中的导航
aside 和主体相关的其他内容（侧边栏）
article 表示一个独立的文章
-->
<nav></nav>
<aside></aside>
<article></article>
<!--
section 表示一个独立的区块（其他的标签无法表示时可以使用）
-->
<section></section>
<!--
div 没有语义，用来表示一个区块，目前 div 还是主要的布局元素
span 没有语义，行内元素，一般用于在网页中选中文字
-->
<div></div>
<span></span>
列表
- 无序列表
<!-- 使用 ul 标签来创建无序列表 使用 li 表示列表项 --> <ul> <li> 费渡 <ul> <li>张东来</li> <li>潘云腾</li> </ul> </li> <li>林静恒</li> <li>顾昀</li> </ul> - 有序列表
<!-- 使用 ol 标签来创建有序列表 使用 li 表示列表项 --> <ol> <li>费渡</li> <li>林静恒</li> <li>顾昀</li> </ol> - 定义列表
<!-- 使用 dl 来创建一个定义列表 使用 dt 来表示定义的内容 使用 dd 来对内容进行解释说明 --> <dl> <dt>杀破狼</dt> <dd>内容：长顾</dd> <dd>其他：乡村机甲爱情故事</dd> <dt>默读</dt> <dd>内容：舟渡</dd> <dd>其他：夏季清凉特供</dd> </dl>
列表之间可以互相嵌套
超链接
跳转到其他页面
<!--
使用 a 标签来定义超链接
行内元素
a 标签中可以嵌套除 a 标签以外的任何的元素
href 属性：指定跳转的目标路径
值可以是一个外部网站的地址，也可以是一个内部页面的地址
-->
<a href="https://www.baidu.com">超链接1</a>
<br><br>
<!--
相对路径：
./ 表示当前文件所在的目录
../ 表示当前文件所在目录的上一级目录
-->
<a href="./page.html">超链接2</a>
<br><br>
<!--
target 属性：指定超链接打开的位置
_self 默认值，在当前页面打开超链接
_blank 在一个新的页面中打开超链接
-->
<a href="./page.html" target="_top">超链接3</a>
<br><br>
跳转到当前页面的其他位置
<!--
点击后，页面显示就会回到顶部位置
-->
<a href="#">回到顶部</a>
<br><br>
<!--
跳转到页面的指定位置：
将href属性值指定为：#目标元素的id属性值
id 属性：唯一不重复
每一个标签都可以添加一个 id 属性
元素的唯一标识，即同一个页面中不能出现重复的id属性
-->
<a id="bottom" href="https://www.baidu.com">百度</a>
<br><br>
<!--
点击后，页面显示会到 id 属性为 bottom 的标签处
-->
<a href="#bottom">去底部</a>
<br><br>
<!--
点击后，页面不会发生任何变化
-->
<a href="javascript:;">无变化</a>
<br><br>
图片标签
<!--
使用 img 标签来引入外部图片
src 属性：指定外部图片路径（路径规则和超链接一致）
属于替换元素（介于块和行内之间，具有两种元素的特点）
-->
<img src="./imgs/xin.jpg">
<!--
alt 属性：指定图片的描述
描述默认情况下不显示，有些浏览器会在图片无法加载时显示
搜索引擎会根据属性的内容来识别图片
width 属性：指定图片的宽度（单位是像素）
height 属性：指定图片的高度（单位是像素）
宽度和高度中如果只指定一个，另一个会等比例缩放
建议：
一般情况下，在 PC 端，不建议修改图片的大小，需要多大的图片就使用多大的图片
但在移动端，经常需要对图片进行缩放（大图缩小）
-->
<img src="./imgs/bai.jpg" width="1000" alt="李白">
图片格式：
- jpeg(jpg)：支持的颜色比较丰富，不支持透明效果，不支持动图；一般用来显示照片
- gif：支持的颜色比较少，支持简单透明，支持动图；适合表示颜色单一的图片，动图
- png：支持的颜色丰富，支持复杂透明，不支持动图；颜色丰富，复杂透明图片（专为网页而生）
- webp：是谷歌新推出的专门用来标识网页中图片的一种格式，具备了其他图片格式的所有优点，且文件很小，但兼容性不好
- base64：将图片使用 base64 进行编码，这样可以将图片转换为字符，通过字符的形式来引入；一般都是一些需要和网页一起加载的图片才会使用
内联框架
<!--
内联框架用于向当前页面中引入一个其他页面
src 属性：指定要引入的网页的路径
width / height 属性
frameborder 属性：指定内联框架的边框，0 表示没有边框
内联框架引入的内容不会被搜索引擎检索
-->
<iframe src="https://www.baidu.com" frameborder="0"></iframe>
音视频播放
音频播放
<!--
audio 标签用来向页面中引入一个外部的音频文件
音视频文件引入时，默认情况下不允许用户自己控制播放
controls 属性：是否允许用户控制播放
autoplay 属性：是否自动播放
如果设置了，则音乐在打开页面时自动播放
但目前来讲大部分浏览器都不会对音乐自动播放
loop 属性：是否循环播放
-->
<audio src="./source/huohua.mp3" controls autoplay loop></audio>
标准写法
<!--
通过 source 来指定文件
source 可以指定多个，不同的浏览器支持的音频格式可能不同，浏览器会自动寻找可播放的音频格式
如果不适用 embed 标签，可以使用提示文字，浏览器支持音频时文字不显示，不支持时才显示
-->
<audio controls>
<!-- 对不起，您的浏览器不支持播放音频！ -->
<source src="./source/huohua.mp3">
<source src="./source/huohua.ogg">
<!--
所有的浏览器都支持，且会自动播放
-->
<embed src="./source/huohua.mp3" type="audio/mp3" width="1000" height="300">
</audio>
视频播放
<!--
video 标签用来向页面中引入一个外部的视频文件，使用方式与 audio 一致
-->
<video controls>
<source src="./source/demo.avi">
<source src="./source/demo.mp4">
<embed src="./source/demo.mp4" type="video/mp4" width="1000" height="600">
</video>
2117
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
