标题标签
<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/>
空 格<br/>
大于号:><br/>
小于号:<<br/>
版权号:©版权所有小黄的阁楼
注释和特殊符号都是单标签,因为都是用于没有内容的元素。代码展示如上,效果参考文章最后一图
感谢您的观看,能和您一起学习是我最大的荣幸!
文章参考课程:网页基本标签——狂神说
下面是我的微信公众号,内容与csdn同步更新,有需要的朋友可以关注一波~