完整的html标签是什么样子,「HTML+CSS」常用标签介绍，什么时候该用什么样的标签...

废话不多说这篇文章我们主要介绍标题标签、段落标签

、无序列表标签

• 、有序列表标签

1. 的语法以及使用场合。

1)标题标签

使用语法：

标题内容

标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。h1标签在网页中比较重要，所以一般h1标签被用在网站名称上。标题标签主要用于文章内容的标题、栏目的标题等重点突出的文字内容；代码如下图所示。

我们在网页中显示的效果如下如所示：

从上面的图片可以看出标题标签的样式都会加粗，h1标签字号最大，h2标签字号相对h1要小，以此类推h6标签的字号最小。标题标签是属于块级元素，不管文字是否够一行都会占用一整行的空间。

2)段落标签

使用语法：

段落内容

标签是我们再制作网页的时候很常用的标签之一，主要用于网页文章段落内容、列表简介信息、简短文字介绍等；我们要是有多段的文字，一段文字使用一个

标签，如在一篇新闻文章中有3段文字，就要把这3个段落分别放到3个

标签中。代码如下图所示。

我们在网页中显示的效果就如下图所示：

从上面的图片可以看出段落是属于块级元素，不管文字是否够一行都会占用一整行的空间。

3)无序列表标签ul以及有序列表标签ol

使用语法：

• 列表信息
• 列表信息 ......

(ol语法同ul一样，就是把ul替换为ol即可)

我们在网页中经常看到有新闻列表、图片列表、栏目列表等页面，这些页面我们都可以使用列表标签来制作。ul和ol的区别就是一个默认在左侧有123序号，一个默认是没有序号的，我们来看下下边的这个图片就能明白了。

代码如下所示：

我们在网页中显示的效果就如下图所示：

在网页端我们可以清楚的看到ul标签左侧默认有一个小圆点，而ol标签左侧默认是1、2、3的递增序号。他们也是属于块级元素，不管文字是否够一行都会占用一整行的空间。

好了，这篇文章我们先介绍了以上3个常用标签的语法以及使用场合，大家可以自己先练习一下，下篇文章我们将继续讲解其它的常用标签的内容。

附赠一句经典语录：能力决定了你能做什么。动机决定了你要做什么。态度决定了你会做成什么样。喜欢我的文章的小伙伴记得关注一下哦，每天将为你更新最新知识。

举报/反馈