html格式化标签

<em>标签,强调内容,斜体显示,如果只需要斜体显示文本<i>即可。

<wbr>换行,软换行,一般用于防止单词因为浏览界面宽度而出现截断,h5新元素,ie不支持

<br>换行,强制换行

<sub>定义下标字,这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。

<sup>定义上标字

<ins>插入字,下划线

<kbd>表示键盘键入的内容,用法和em等标签效果一样,只不过对对文本的解释不同

<samp>计算机样本文本

<tt>打字机代码

<var>定义变量var

<pre>定义预格式文本</pre>

缩写<abbr title="Var var var sadsa">vvv

<address> 标签定义文档或文章的作者/拥有者的联系信息。

  如果 <address> 元素位于 <body> 元素内,则它表示文档联系信息。

  如果 <address> 元素位于 <article> 元素内,则它表示文章的联系信息。

  <address> 标签不应该用于描述通讯地址,除非它是联系信息的一部分。

  <address> 元素通常连同其他信息被包含在 <footer> 元素中。

<bdo>可以定义文字的方向

<blockquote>定义长的引用

<q>定义短的引用语

      <q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分(通常显示为缩进的块),请使用 <blockquote> 标签。

  <q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。

<cite> 定义引用引证,引用的文本将以斜体显示。如果引用的这些文档有联机版本,还应该把引用包括在一个 <a> 标签中,从而把一个超链接指向该联机版本。标签还有一个隐藏的功能:它可以使你或者其他人从文档中自动摘录参考书目。我们可以很容易地想象一个浏览器,它能够自动整理引用表格,并把它们作为脚注或者独立的文档来显示。

<dfn>定义一个定义项目

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>文本格式化</title>
    </head>
    <body>
        <b>文本加粗格式化</b></br>
        <big>大号字体</big></br>
        <small>小号字体</small></br>
        <strong>加重语气</strong></br>
        <em>强调的内容,斜体显示</em></wbr>
        <i>单纯的斜体</i>
        <p>你好的萨拉和第哦</wbr>啊圣诞节哦撒谎</p>
        <div>表现形式<sub>定义下标字</sub></div>
        <div>表现形式<sup>定义上标字</sup></div>
        <div>表现形式<ins>插入字</ins></div>
        <div>表现形式<del>删除字</del></div>
        <div>表现形式:代码<code>code</code></div>
        <div>表现形式:键盘键入文本<kbd>quit</kbd></div>
        <div>表现形式<samp>计算机样本文本</samp></div>
        <div>表现形式<tt>打字机代码</tt></div>
        <div>表现形式<var>定义变量var</var></div>
        <div>表现形式<pre>定义预格式文本&lt;html&gt;</pre></div>
        <div>表现形式:缩写<abbr title="Var var var sadsa">vvv</abbr></div>
        <div>表现形式:地址<address>西南科技大学</address></div>
        <div>表现形式:文字方向<bdo dir="rtl">Here is some text</bdo>亲自试一试</div>
        <div>表现形式:短的引用<q>短的引用</q></div>
        <div>表现形式:长的引用
            <blockquote>
                Here is a long quotation here is a long quotation here is a long quotation 
                here is a long quotation here is a long quotation here is a long quotation 
                here is a long quotation here is a long quotation here is a long quotation.
            </blockquote>
        </div>
        <div>表现形式:文献引用<cite>dsadsadsadsadas</cite></div>
    </body>
</html>

 

posted @ 2020-08-04 12:49  Ace-GJH  阅读(341)  评论(0编辑  收藏  举报