HTML介绍之——分隔线标签hr

作用:创建一条水平实线

语法:内容<hr />内容

示例

代码:我是一个句子<hr />被分隔线分开了。

效果:我是一个句子


被分隔线分开了。

样式:独占一行,默认100%宽度,黑色有阴影实线

说明:当内容明显需要分隔成两部分,可以使用此标签;默认样式不是很好看,可用CSS进一步控制外观。

HTML介绍之——换行标签br

作用:换行

语法:内容<br />内容

示例

代码:我是一个句子<br />但到这里被强制换行了。

效果:我是一个句子
但到这里被强制换行了。

样式:换行,另起一行

说明:许多标签都有换行作用,但如果只想纯粹的换行,应该使用该标签;另外注意此标签为单标签正确的写法是<br />。

HTML介绍之——段落标签:p

作用:定义一个段落

语法:<p>段落内容</p>

示例

代码:<p>这是一个段落</p>

效果:

这是一个段落

样式:单独占行,上下均有段落间距

说明:如果想对段落进行首行缩进2字符,可以使用CSS的text-indent属性进行控制,一般值设为2em;也可以使用4个空格实体符&nbsp;。

HTML介绍之——行内标签span

作用:定义行内元素

语法:<span>内容</span>

示例

代码:这个句子中<span style=”color:red;”>英雄</span>两个字被定义起来

效果:这个句子中英雄两个字被定义起来

样式:无样式

说明:当句子中某些部分需要定义出来格式化时可使用此标签,因为是行内标签,所以不会产生换行;通常配合CSS来格式化所定义的内容外观。