PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

html5文本控制标记有哪些

青灯夜游
青灯夜游 原创
2022-01-11 14:18:04 6850浏览

html5文本控制标记有:1、标题标记(h1、h2、h3、h4、h5、h6);2、段落标记(p);3、水平线标记(hr);4、换行标记(br);5、文本格式化标记(b、strong、i、em、s、del、u、ins);6、特殊字符标记。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

html5文本控制标记

1、标题和段落标记

一篇结构清晰的文章通常都有标题和段落,HTML网页也不例外,为了使网页中的文字有条理地显示出来,HTML提供了相应的标记。

(1)标题标记

为了使网页更具有语义化,经常会在页面中用到标题标记,HTML提供了6个等级的标题,即

,从

重要性递减。
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

1.png

(2)段落标记

在网页中要把文字有条理地显示出来,离不开段落标记,就如同我们平常写文章一样,整个网页也可以分为若干个段落,而段落的标记就是

。其基本语法格式如下:

<p>段落文本</p>

示例:

<p>宜将剩勇追穷寇, </p>
<p>丌可沽名学霸王。 </p>
<p>天若有情天亦老, </p>
<p>人间正道是沧桑。 </p>

2.png

(3)水平线标记


在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过插入图片实现,也可以简单地通过标记来完成,


就是创建横跨网页水平线的标记。

示例:

<p>hr 水平线:</p>
<hr />

3.png

(4)换行标记

在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文本强制换行显示,就需要使用换行标记

示例:

<p>html语言是<br />网页制作的<br />基本语言</p>

4.png

2、文本格式化标记

在网页中,有时需要为文字设置粗体、斜体戒下划线效果,这时就需要用到HTML中的文本格式化标记,使文字以特殊的方式显示,常用文本格式化标记如下表所示。

标记显示效果

文字以粗体方式显示(b定义文本粗体,strong定义强调文本。

文字以斜体方式显示(i定义斜体字,em定义强调文本。)

文字以加删除线方式显示(HTML5不赞成使用s)
文字以加下划线方式显示(HTML5不赞成使用u)

示例:

<b>文本加粗</b><br />
<strong>文本加粗</strong><br />
<em>文本斜体</em><br />
<i>文本斜体</i><br />

5.png

3、特殊字符标记

浏览网页时常常会看到一些包含特殊字符的文本,如数学公式、版权信息等。那么如何在网页上显示这些包含特殊字符的文本呢?HTML为这些特殊字符准备了与门的替代代码,如下表所示。

6.png

示例:

x<y<br />
版权符号&copy;<br />
a&b<br />

7.png

相关推荐:《html视频教程

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。