乐鱼电竞

教育行业A股IPO第一股（股票代码 003032）

全国咨询/投诉热线：400-618-4000

格式化标签的特点，HTML网页有哪些典型格式化标签？

更新时间:2021年05月28日14时28分 来源:乐鱼电竞 浏览次数:

乐鱼电竞-一样的教育，不一样的品质

一篇结构清晰的文章通常都会通过标题、段落、分割线等对文章进行结构排列，HTML网页也不例外，为了使网页中的文字有条理地显示出来，HTML提供了相应的页面格式化标签，如标题标签、段落标签、水平线标签和换行标签，对它们的具体介绍如下。

1.标题标签

为了使网页更具有语义化（语义化是指赋予普通网页文本特殊的含义），我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>，从<h1>到<h6>标题的重要性依次递减。标题标签的基本语法格式如下。

<hn align="对齐方式">标题文本</hn>

在上面的语法中n的取值为1到6，代表1~6级标题。align属性为可选属性，用于指定标题的对齐方式。

默认情况下标题文字是加粗左对齐显示的，并且从<h1>到<h6>标题字号依次递减。如果想让标题文字右对齐或居中对齐，就需要使用align属性设置对齐方式，其取值如下：

●left：设置标题文字左对齐（默认值）

●center：设置标题文字居中对齐

●right：设置标题文字右对齐

注意：

1、一个页面中只能使用一个<h1>标签，常常被用在网站的logo部分。

2、由于h标签拥有特殊的语义，请慎重选择恰当的标签来构建文档结构。初学者切勿为了设置文字加粗或更改文字的大小而使用文字标签。

3、HTML中一般不建议使用h标签的align对齐属性，可使用CSS样式设置。

2.段落标签

在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落。在网页中使用<p>标签来定义段落。<p>标签是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。<p>标签的基本语法格式如下。

<p align="对齐方式">段落文本</p>

在上面的语法中align属性为<p>标签的可选属性，和标题标签<h1>~<h6>一样，同样可以使用align属性设置段落文本的对齐方式。

3.水平线标签

在网页中常�？吹揭恍┧较呓温溆攵温渲涓艨�，使得文档结构清晰，层次分明。水平线可以通过<hr />标签来定义，基本语法格式如下。

<hr 属性="属性值" />

<hr />是单标签，在网页中输入一个<hr />，就添加了一条默认样式的水平线。此外通过为<hr />标签设置属性和属性值，可以更改水平线的样式，其常用的属性如表1所示。
表1<hr />标签的常用属性

属性名 含义 属性值
align 设置水平线的对齐方式 可选择left、right、center三种值，默认为center，居中对齐显示。
size 设置水平线的粗细 以像素为单位，默认为2像素。
color 设置水平线的颜色 可用颜色名称、十六进制#RGB、rgb(r,g,b)。
width 设置水平线的宽度 可以是确定的像素值，也可以是浏览器窗口的百分比，默认为100%。

注意：

在实际工作中，并不赞成使用<hr />的所有外观属性，最好通过CSS样式进行设置。


4.换行标签

在word中，按【Enter】键可以将一段文字换行显示，但在网页中，如果想要将某段文本强制换行显示，就需要使用换行标签<br />。
使用换行标签<br />的段落实现了强制换行的效果，而使用回车键换行的段落在浏览器实际显示效果中并没有换行，只是多出了一个空白字符。

注意：

<br />标签虽然可以实现换行的效果，但并不能取代结构标签<h>、<p>等。








猜你喜欢：

header标签的作用：H5中header标签的用法

HTML图像标签的基本特点和相关属性

页面怎样排版更加美观？如何清除浮动标签？

HTML中img图片标签的用法？【案例讲解】

乐鱼电竞前端与移动开发培训培训

0 分享到：
和我们在线交谈！
【网站地图】【sitemap】