• 技术文章 >web前端 >前端问答

    html5文本控制标记有哪些

    青灯夜游青灯夜游2022-01-11 14:18:13原创57

    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>

    1.png

    (2)段落标记

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

    <p>段落文本</p>

    示例:

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

    2.png

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

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

    示例:

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

    3.png

    (4)换行标记<br />

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

    示例:

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

    4.png

    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 />

    5.png

    3、特殊字符标记

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

    6.png

    示例:

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

    7.png

    相关推荐:《html视频教程

    以上就是html5文本控制标记有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html5 文本控制标记
    上一篇:html5新增的规范有哪些 下一篇:html5中什么是字体图标

    相关文章推荐

    • html5中什么元素可以插入折行• html5有哪些特殊标签• html5的八大革新有哪些• html5有什么标记• html5中rb标签的含义是什么• html5定位有哪几种

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网