这是我参与【第五届青训营】伴学笔记创作活动的第一天。
1.html语义化标签
标题标签：
h1h6一共有六级标题 h6重要性递减，h1最重要，h6最不重要
从h1
h1在网页中的重要性仅次于title标签，
一般情况下一个页面中只有一个h1标签
一般情况下标题标签只会使用到h1h3，h4h6很少用。
标题标签都是块元，在页面中独占一行的元素称为块元素（block element)
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
2.hgroup标题分组 hgroup标签用来为标题分组，可以将一组相关的标题同时放入到hgrop
<hgroup>
<h1>类选择器作用:根据元素的class属性值选中一组元素</h1>
<h2>语法：.class属性值{}</h2>
</hgroup>
3.p标签 p标签表示页面中的一个段落 p也是一个块元素
<p>在p标签中的内容就表示一个段落</p>
4.em标签 em标签用于表示语音语调的一个加重
在页面中不会独占一行的元素称为行内元素（inline)
<p>今天天气<em>真</em>不错!</p>
5.strong表示强调，重要内容！
<p>你今天必须<strong>完成作业!</strong></p>
blockquote 表示一个长引用
q表示一个短引用
br标签表示页面中的换行
<blockquote>
这句话我是从来没有说过的！
</blockquote>
子曰<q>学而时习之，不亦说乎！</q>
<br><br>
<h1 >愿你以渺小启程,以伟大结束。</h1>
7.布局标签
header表示网页的头部
main表示网页的主体部分(一个页面中只会有一个main)
footer表示的底部
nav表示网页中的导航
aside 和主体相关的其他内容(侧边栏)
article (表示一个独立的文章)
section 表示一个独立的区块，上边的标签都不能表示时使用section
div 没有语义，就是来表示一个区块，目前来讲div还是前面主要的布局元素
span 行内元素，没有任何的语义，一般用于在网页中选中文字
