标题标签

<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;版权所有小黄的阁楼

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

网页基本标签-LMLPHP

05-04 01:41