网页基本标签

标题标签

<h1>一级标题</h1>
<h2>二级标签</h2>    
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

标题标签一共有六级，大小从一级开始逐级往下递减，我们可以利用标题标签这个不同大小的特点写目录标题等。显示效果参考文章最后一图。

---

段落标签

<p>我住长江头       君住长江尾。</p>
<p>日日思君不见君     共饮长江水。</p>
<p>此水几时休    此恨何时已。</p>
<p>只愿君心似我心    定不负相思意。</p>

段落标签顾名思义就是可以将元素分成一个个段落，每一对标签中的内容分为一个段落。如果我不加段落标签的话，即使我内容上有很多回车键，网页也不会显示分段的，就和空格一样，即使你两个字之间输入了无数个空格，最后在网页也只会显示一个空格（下面会讲）。这里我用宋代诗人李之仪的卜算子·我住长江头来做示范，代码书写规范如上，最后效果参考文章最后一张图。

---

换行标签

我住长江头    君住长江尾。<br/>
日日思君不见君    共饮长江水。<br/>
此水几时休    此恨何时已。<br/>
只愿君心似我心    定不负相思意。<br/>

换行标签是一个单标签，我们前面讲的都是双标签，单标签与双标签最大的不同就是双标签有两个标签（开始标签和结束标签）而单标签只有一个（结束标签）。双标签用于有内容的元素，单标签用于没有内容的标签。单标签作为一个结束标签，按照书写规范要在标签里的字母右边打上反斜杠（不打也可以正常运行）

换行标签与标题标签的显示效果差不多，在换行标签后的内容会在前面的内容之后重新换一行显示，与段落标签的区别在于：段落标签的换行是作为一个段落的换行，换行位置的行间距要比换行标签的行间距要大的多。效果参考文章最后一张图

---

水平线标签

<hr/>

水平线标签是一个单标签，作用是生成一条水平线，可用来分隔上下两部分的内容。效果参考文章最后一图，和这篇文章的分割线一样。

---

字体样式标签

粗体：<strong>I love you</strong>
斜体：<em>I love you</em>

字体样式标签是一种双标签，标签里的内容会根据标签的作用显示出对应的效果。粗体标签是尖括号里面一个strong，斜体是尖括号里一个em。效果参考文章最后一张图。

---

注释和特殊符号

空    格<br/>
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格<br/>
大于号：&gt;<br/>
小于号：&lt;<br/>
版权号：&copy;版权所有小黄的阁楼

注释和特殊符号都是单标签，因为都是用于没有内容的元素。代码展示如上，效果参考文章最后一图

感谢您的观看，能和您一起学习是我最大的荣幸！

文章参考课程：网页基本标签——狂神说
下面是我的微信公众号，内容与csdn同步更新，有需要的朋友可以关注一波~