美文网首页
HTML标签元素

HTML标签元素

作者: 480a52903ce5 | 来源:发表于2017-02-07 14:29 被阅读23次


    <html lang="en">
    <head>
    <meta charset="UTF-8">

    <title>Study</title>
    </head>

    <body>

    <h1 align="center" style="color-rendering:red"=> h1 </h1>
    <h2> h2 </h2>
    <h3> h3 </h3>
    <h4> h4 </h4>
    <h5> h5 </h5>
    <h6> h6 </h6>
    
    <!-- hr 元素可用于分隔内容。 -->
    <hr />
    
    <!-- 段落标签 -->
    <p> paragraph </p>
    
    <!-- 超链接 -->
    <a href="http://www.w3school.com.cn/html/html_basic.asp"> This is a link </a>  加入 style="text-decoration:none" 为没有下划线的连接
    
    <!-- <br> 在所有浏览器中的显示都没有问题,使用 <br /> 也是更长远的保障。 -->
    <br />
    <img src="" width="104" height="142" alt="">
    <p>上面是图片</p>
    <br />
    <!-- table标签 -->
    <table border="1" width="200" height="200">
    </table>
    
    <!-- align="center"  -->
    <p style="background-color:blue; color:white;font-family:times;font-size:30px;width:600px" align="center">这里演示的是style使用</p>
    <p style="text-align:center;background-color:red;width:300px" >测试text-align</p>
    <!-- span 标签 对段落中特殊文字进行处理 -->
    <p>轻舞飞扬<span style="background-color:red;font:30px">第一次亲密接触</span></p>
    
    <!-- 文本格式化 1.加粗 2.大号字 3.着重文字 3.斜体字 4.小号字 5.下标字 6.上标字 7.插入字 8.删除字 -->
    <b> 加粗字 </b>
    <big> 大号字 </big>
    <em> 着重字 </em>
    <small> 小号字 </small>
    <strong> 加重语气 </strong>
    <sub> 下标字 </sub>
    <sup> 上标字 </sup>
    <ins> 插入字 </ins>
    <del> 删除字 </del>
    
    <!-- 文本处理引用、引用和术语定义 -->
    
    <abbr title="定义缩写"> </abbr>
    <acronym title="定义首字母缩写"></acronym>
    <address>  </address> <!-- 定义地址 -->
    <bdo dir="定义文字方向"></bdo>
    <blockquote> </blockquote> <!-- 定义长的引用  -->
    <q></q> <!-- 定义短的引用语 -->
    <cite></cite> <!-- 定义引用 或 引证 -->
    <dfn></dfn> <!-- 定义一个定义项目 -->
    
    <!-- 计算机输出标签 -->
    <code></code> <!-- 定义计算机代码 -->
    <kbd></kbd> <!-- 定义键盘码 -->
    <samp></samp> <!-- 定义计算机代码样本 -->
    <tt></tt> <!-- 定义计算机代码样本 -->
    <pre></pre> <!-- 定义预格式文本 -->
    
    <!-- 文本格式化演练 -->
    <pre>
    春眠不觉晓,
        处处闻啼鸟。
             夜来风雨声,
                  花落知多少。
                      ********>>
                  春眠不觉晓,
             处处闻啼鸟。
        夜来风雨声,
    花落知多少。
    </pre>
    
    <address>
    Written by <a href="mail:123@example.com">Donald Duck</a>.<br> 
    Visit China at:<br>
    Example.com<br>
    Box 564, BeiJing<br>
    China
    </address>
    
    <p> 
    <abbr title="中华人民共和国">中国</abbr>位于亚洲东部.万维网英文全称是World Wide Web,缩写<acronym title="World Wide Web">WWW</acronym>
    
    仅对于 IE 5 中的 acronym 元素有效。
    对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。
    </p>
    
    <p>
    如果您的浏览器支持 bi-directional override (bdo),下一行会从右向左输出 (rtl);
    </p>
    
    <bdo dir="rtl">
    Here is some Hebrew text
    </bdo>
    

    <p>
    使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。
    </p>

    <p>The <dfn title="World Health Organization">WHO</dfn> was founded in 1948.</p>

    <p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>


    <p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> 成立于 1948 年。</p>


    <p>爱因斯坦的公式:</p>

    <p><var>E = m c2</var></p>

    HTML 中有用的字符实体

    字符实体.png

    相关文章

      网友评论

          本文标题:HTML标签元素

          本文链接:https://www.haomeiwen.com/subject/vgzpittx.html