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

    html中文本标签有哪些

    青灯夜游青灯夜游2021-11-18 15:03:35原创171

    html的文本标签有:h1、h2、h3、h4、h5、h6、p、hr、br、q、blockquote、b、strong、i、em、s、u、small、big、sub、sup、code、pre、abbr、bdo、tt、kbd、dfn、var等。

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

    HTML文本就是网页上显示的主要内容,需要用到的主要标签有如下几类:标题标签、段落标签、文本标签、水平线标签、特殊符号标签。这些标签都在body标签内部。

    一、h1~h6标题标签

    单词缩写: head 头部. 标题

    为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即<h1>~<h6>,代表六个级别的标题,<h1>代表最大的标题,<h6>代表最小的标题。

    标题标签语义: 作为标题使用,并且依据重要性递减。

    注意: h1 标签因为重要,尽量少用

    6.png

    二、p段落标签

    单词缩写: paragraph 段落

    在网页中要把文字有条理地显示出来,离不开段落标签,类似于平常写文章一样,整个网页也可以分为若干个段落。

    Tips:p是一个文本级的标签,p里面只能放文字、图片、表单元素。

    段落标签是HTML文档中最常见的标签,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。

    <p>这是一个段落。。。</p>

    三、hr水平线标签(单标签)

    单词缩写: horizontal 横线。

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

    7.png

    四、br换行标签(单标签)

    单词缩写: break 打断 ,换行

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

    1.png

    2.png

    五、引用标签

    <q> 标签定义短的引用,浏览器经常在引用的内容周围添加引号;

    <blockquote> 定义块引用,其包含的文本都会从常规文本中分离出来,左、右两侧会缩进显示,有时显示为斜体。

    <q>细节决定成败</q>
    <blockquote>
         <p>生命在于折腾啊!</p>
     </blockquote>

    Tips:一段文本不可以直接放在 blockquote 元素中,应包含在一个块元素中,如 p 元素。

    六、文本格式化标签

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

    标签显示效果
    <b></b>和<strong></strong>文字以粗体方式显示(XHTML推荐使用 strong)
    <i></i>和<em></em>文字以斜体方式显示(XHTML推荐使用em)
    <s></s>和<del></del>文字以加删除线方式显示(XHTML推荐使用del)
    <u></u>和<ins></ins>文字以加下划线方式显示(XHTML不赞成使用u)
    <small></small>定义小号字体,标签包含的文本比周围小一号,下限1号文本
    <big></big>定义大号字体,标签包含的文字比周围大一号,上限7号文本
    <sub></sub>定义下标文本,以当前文本流中字符高度一半显示,但是与文本流中字符字体字号一致

    <sup></sup>

    定义上标文本,以当前文本流中字符高度一半显示,但是与文本流中字符字体字号一致

    Tips: b i s u 只有使用 没有 强调的意思 strong em del ins 语义更强烈

    Tips: <sub>、<sup>标签,在数学公式、科学符号和化学公式中非常有用。

    3.png

    5.png

    七、输出文本

    HTML元素提供了如下输出信息的标签:

    标签说明
    <code>表示代码字体,显示源代码
    <pre>表示预定义格式的源代码,保留源代码显示中的空格大小
    <tt>表示打印机字体
    <kbd>表示键盘字体
    <dfn>表示定义的术语
    <var>表示变量字体
    <samp>表示代码范例

    八、缩写文本

    <abbr> 标签可以定义简称或缩写,通过对缩写进行标记,能够为浏览器、搜索引擎提供有用的信息。

    <acronym>标签是定义首字母缩写。

    <abbr titile="Hyper Markup Language">HTML</abbr>
    <acronym titile="Hyper Markup Language">HTML</acronym>

    Tips:可以使用 title 属性,设置在鼠标移动到上显示完整文本。

    九、文本方向

    使用<bdo> 标签可以改变文本流的方向,包含一个属性:dir,取值包活 ltr(从左到右) 和 rtl(从右到左)。

    <bdo dir="rtl">床前明月光</bdo>

    推荐教程:《html视频教程

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html 文本标签
    上一篇:html属于java吗 下一篇:html5本地存储有哪些
    php中文网线上培训班

    相关文章推荐

    • html中span是块元素吗• html lang属性有什么用• 学html5需要什么软件• html中id和class有什么区别• form在html中是什么意思

    全部评论我要评论

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

    PHP中文网