您的位置 首页 技术专栏

html5文本控制标记有哪些

24小时课堂在线收录html5文本控制标记有哪些,html5文本控制标记有:1、标题标记(h1、h2、h3、h4、h5、h6);2、段落标记(p);3、水平线标记(hr);4、换行标记(br…感谢您关注html5文本控制标记有哪些。

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>、<h2>、<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>重要性递减。

<h1>这是标题 1</h1><h2>这是标题 2</h2><h3>这是标题 3</h3><h4>这是标题 4</h4><h5>这是标题 5</h5><h6>这是标题 6</h6>

html5文本控制标记有哪些

(2)段落标记

在网页中要把文字有条理地显示出来,离不开段落标记,就如同我们平常写文章一样,整个网页也可以分为若干个段落,而段落的标记就是<p>。其基本语法格式如下:

<p>段落文本</p>

示例:

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

html5文本控制标记有哪些

(3)水平线标记<hr />

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

示例:

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

html5文本控制标记有哪些

(4)换行标记<br />

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

示例:

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

html5文本控制标记有哪些

2、文本格式化标记

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

标记 显示效果
<b></b>和<strong></strong> 文字以粗体方式显示(b定义文本粗体,strong定义强调文本。
<i></i>和<em></em> 文字以斜体方式显示(i定义斜体字,em定义强调文本。)
<s></s>和<del></del> 文字以加删除线方式显示(HTML5不赞成使用s)
<u></u>和<ins></ins> 文字以加下划线方式显示(HTML5不赞成使用u)

示例:

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

html5文本控制标记有哪些

3、特殊字符标记

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

html5文本控制标记有哪些

示例:

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

html5文本控制标记有哪些

相关推荐:《html视频教程》

以上就是html5文本控制标记有哪些的详细内容,更多请关注24小时课堂在线其它相关文章!

本文来自网络,不代表24小时课堂在线立场,转载请注明出处:https://www.24ketang.cn/102371.html

为您推荐

返回顶部