实体
<body>
<!-- 在网页中编写的多个空格会自动被浏览器解析为一个空格
在HTML中，有些时候不能直接书写一些特殊符号，比如连续的空格，比如字母两侧的大于小于号
如果需要需要书写特殊符号，则需要使用实体（转义字符）
实体的语法：
&实体的名字；
表示空格
>大于
<小于
-->
<p>今天 天气真不错</p>
<p>
a<b>c
<!-- b标签加粗 -->
</p>
meta标签
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- meta主要用于设置网页中的元数据，不是给用户看的
charest 指定网页的字符集
name 指定的数据的名称
contest 指定的数据的内容
-->
<meta name="keywords" content="html,前端,css">
<!-- keywords:表示网站的关键字，可以同时指定多个关键字，用,隔开 -->
<meta name="description" content="这是一个非常不错的网站">
<!-- description：用于指定网站的描述，显示在搜索引擎的搜索结果中 -->
<title>meta标签</title>
<!-- title标签的内容作为搜索结果的显示 -->
<!-- <meta http-equiv="refresh" content="3;url=http://www.baidu.com"> -->
<!-- 将页面重定向到另一个网站 -->
</head>
语义化标签
<body>
<!-- html负责网页的结构
学习HTML标签应该关注的是标签的语义，而不是他的样式-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<!-- 六级标题
从h1~h6重要性递减，h1最重要，h6最不重要
h1在网页中的重要性仅次于title标签，一般情况下一个页面中只会有一个h1
一般情况下标题标签只会使用到h1~h3，h4~h6很少用
在页面中独占一行的元素称为块元素（block element）
-->
<!--
hgroup标签用来为标题分组，可以将一组相关的标题同时放入到hgroup
-->
<hgroup>
<h1>回乡偶书二首</h1>
<h2>其一</h2>
</hgroup>
<!--
p标签表示页面中的一个段落
p也是一个块元素 -->
<p>在p标签中的内容就表示一个段落</p>
<p>在p标签中的内容就表示一个段落</p>
<p>今天天气<em>真</em>不错！</p>
<!--
em标签用于表示语音语调的一个加重
在页面中不会独占一行的元素称为行内元素（inline element）
-->
<!--
strong表示强调，重要内容！
-->
<p>你今天必须要<strong>完成作业</strong>！</p>
鲁迅说：
<!-- blockquote 表示一个长引用 -->
<blockquote>
这句话我是从来没有说过的！
</blockquote>
<!--
q表示一个短引用
-->
子曰<q>学而时习之，乐呵乐呵！</q>
<!--
br标签表示页面中的换行
-->
<br>
<br>
今天天气真不错
</body>