格式化标签 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>格式标签</title>
</head>
<body>
    <!-- 被标记的首字母缩略词 -->
    <acronym title="HTML" class="acronym" dir="ltr" id="acronym" lang="en" style="color: red">HTML</acronym>标签，HTML5不支持

    <span>文本元素</span>
    
    <br>

    <!-- HTML5 不支持 <acronym> 标签,使用 <abbr> 标签代替它。 -->
    <abbr title="HTML" onclick="鼠标单击事件" ondblclick="鼠标双击事件" onmousedown="鼠标按钮被按下" onmousemove="鼠标指针移动" onmouseout="鼠标指针移出某元素" onmouseover="鼠标指针悬停于某元素之上" onmouseup="鼠标按钮被松开" onkeydown="键盘被按下" onkeypress="键盘被按下后又松开" onkeyup="键盘被松开">HTML</abbr>标签，HTML5支持
   
　 <!-- 
        在某些浏览器中，当您把鼠标移至带有 <acronym> 、<abbr>标签的首字母缩略词上时，<acronym> 、<abbr>标签的 title 属性可被用来展示首字母缩略词的完整版本。 
    -->

    
    <!-- 定义文档作者/所有者的联系信息。 -->
    <!-- 位于 <body> 元素内部，表示该文档作者/所有者的联系信息。 -->
    <!-- 位于 <article> 元素内部，则它表示该文章作者/所有者的联系信息。 -->

    <address>Written by <a href="">sjs</a>.<br />china</address>

    <!-- 文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。 -->

    <span>文本元素</span>


    <br><br>

    <!-- <b> 标签定义粗体的文本。 -->
    <!-- 
        根据 HTML 5 的规范，<b> 标签应该做为最后的选择，只有在没有其他标记比较合适时才使用它。HTML 5 规范声明：标题应该用 <h1> - <h6> 标签表示，被强调的文本应该用 <em> 标签表示，重要的文本应该用 <strong> 标签表示，被标记的或者高亮显示的文本应该用 <mark> 标签表示。 
    -->

    <!-- b 定义粗体文本。 -->
    <p>这是一个普通的文本- <b>这是一个加粗文本</b>。</p>
    <b>这是一个加粗文本</b>
    <span>文本元素</span>


    
    <em>强调文本</em>
    <span>文本元素</span>

    <br>


    <!-- 文本格式化标签 -->
    <strong>定义加重语气,替换b标签</strong>
    <b>加粗文本</b><br><br>



    <em>替换i标签</em>
    <!-- <i> 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。 -->
    <i>斜体文本</i><br><br>



    <small>定义小号字</small>

    <big>HTML5不再支持。 定义大号文本</big>


    <!-- 定义计算机代码文本 -->
    <code>电脑自动输出</code><br><br>

    <!-- 定义计算机程序的样本文本 -->
    <samp>计算机样本</samp>

    <!-- 定义变量 -->
    <var>定义变量</var>



    这是 <sub> 下标</sub> 和 <sup> 上标</sup>


    <!-- 定义已经被插入文档中的文本 -->
    <ins cite=""  datetime="2020-04-04">定义插入字</ins>


    <!-- 像拼写错误的单词或者汉语中的专有名词 -->
    <!--
         在 HTML 中，<u>元素 已废弃（<u> 元素被用来定义下划线）。
        HTML5 中重新定义了 <u> 元素 
    -->
    <u>china</u>

    <!-- 定义文档中已删除的文本 -->
    <!-- cite:解释了文本被删除的原因的文档的 URL。 -->
    <del cite="">定义删除字</del>

    <!-- 
        <s> 标签对那些不正确、不准确或者没有用的文本进行标识。
        <s> 标签不应该用来定义替换的或者删除的文本。如果要定义替换的或者删除的文本，请使用 <del>标签。 
    -->
    <!-- 
        在 HTML 4.01 中，<s> 元素已废弃，用来给文本加删除线。
        HTML5 重定义了 <s> 元素，现在是被用来定义那些不正确的文本。 
    -->
    <s>定义删除文本</s>


    <!-- 带有记号的文本 -->
    <!-- HTML5 新标签 -->
    <mark>被标记的/高亮显示的文本</mark>

    <cite>作品的标题</cite>


    <!-- 是一个短语标签，用来定义一个定义项目 -->
    <dfn>一个定义项目</dfn>


    <p>在下面的示例中,显示着每个用户比赛的分数。将用户名从周围的文本方向设置中隔离出来。</p>
    <ul>
        <!-- 
            标签允许您设置一段文本，使其脱离其父元素的文本方向设置。(从左到右，从右到左)
            在发布用户评论或其他您无法完全控制的内容时，该标签很有用。 
        -->
     <li>用户 <bdi>href</bdi>: 60 分</li>
     <li>用户 <bdi>judy</bdi>: 80 分</li>
     <li>用户 <bdi>many</bdi>: 90 分</li>
    </ul>
    <p><b>注意：</b> 目前只有 Firefox 和 Chrome 浏览器支持 bdi 标签。</p>

    <!-- 指定文本方向：dir属性 -->
    <p>该段落文字从左到右显示。</p>  
    <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>


    <!-- HTML4.01:定义一段长引用 -->
    <!-- HTML5: 定义摘自另一个源的块引用 -->
    <!-- 缩进 -->
    <blockquote>
        <!-- 定义预格式化的文本 -->
        <!-- 在 HTML 4.01 中，"width" 属性已废弃，不可使用。 HTML5 不支持"width"属性。 -->
        <!-- pre元素是块级元素 -->
        <pre>
            void main(){
                int a = 1;
                int b = 2;
                int c;
                c = a + b;
                printf("%d",c);

            }
        </pre>
    </blockquote>

    
    <!-- 定义一个短的引用。 -->
    <!-- 浏览器经常会在这种引用的周围插入引号。 -->
    <q>Build a future where people live in harmony with nature</q>
    


    <cite>定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题。</cite>


    <!-- <kbd> 标签已废弃，不推荐使用 -->
    <kbd>键盘输入</kbd>





    <p>展示给定的数据范围：</p>
    <!-- <meter> 不能作为一个进度条来使用， 进度条 <progress> 标签。 -->
    <meter value="2" min="0" max="10">2 out of 10</meter><br>
    <meter value="0.6">60%</meter>
    <p><strong>注意：</strong> IE 浏览器不支持 meter 标签。</p>


    下载进度：
    <!-- 定义运行中的任务进度（进程） -->
    <!-- 与 JavaScript 一起使用来显示任务的进度 -->
    <progress value="22" max="100"></progress>
    <p><strong>注意：</strong> IE 9 或者更早版本的 IE 浏览器不支持 progress 标签。

    <ruby>
        <!-- <rt> 标签定义字符（中文注音或字符）的解释或发音。 -->
        <!-- rp当浏览器不支持 "ruby" 元素时显示的内容。 -->
          汉 <rp>(</rp><rt>Han</rt><rp>)</rp>
          字 <rp>(</rp><rt>zi</rt><rp>)</rp>
    </ruby>

    <!-- <time> 标签是 HTML5 中的新标签。 -->
    <p>我在 <time datetime="2019-02-14">情人节</time><time>9:00</time> 有个约会。</p>

    <!-- 在文本中的何处适合添加换行符 -->
    <wbr>学习 AJAX ,您必须熟悉 <wbr>Http<wbr>Request对象</wbr>

</body>
</html>

 

posted @ 2020-04-04 17:32  sjslove  阅读(221)  评论(0)    收藏  举报