美文网首页
06.HTML文本格式

06.HTML文本格式

作者: Lv_0 | 来源:发表于2017-04-11 00:16 被阅读0次

    文本格式

    可通过HTML提供的标签定义文本的展示形式及格式,但更多更丰富的表现形式,还是推荐通过CSS文件进行定义

    • 文本格式化标签
    粗体      <b>
    大号字    <big>
    小号字    <small>
    着重文字  <em>  
    加重语气  <strong>
    斜体字    <i>
    上标      <sup>
    下标      <sub>
    插入字    <ins>
    删除字    <del>
    
    • 计算机输出标签
    计算机代码      <code>
    键盘码          <kbd>
    计算机代码样本  <samp>
    打字机代码      <tt>
    变量            <var>
    预文本          <pre>
    
    • 引文 引用 定义元素
    缩写              <abbr>
    首字母缩略语       <acronym>
    文本方向           <bdo>
    长引用             <blockquote>
    短的行内引用        <q>
    引用 引证 著作标题  <cite>
    项目               <dfn>
    地址               <address>
    
    示例
    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <title>text</title>
            <style type="text/css">
                p {
                    color: black;
                    font-family: "楷体";
                    font-size: 14px;
                    color: cornflowerblue;
                }
            </style>
        </head>
    
        <body>
            <p>粗体:b</p>
            <b>粗体</b>
            <p>大号字:big</p>
            <big>大号</big>
            <p>小号:small</p>
            <small>小号</small>
            <p>加强:strong</p>
            <strong>加强</strong>
            <p>着重:em</p>
            <em>着重</em>
            <p>斜体:i</p>
            <i>斜体</i>
            <p>上标:sup</p>
            <sup>上标</sup>
            <p>下标:sub</p>
            <sub>下标</sub>
            <p>插入:ins</p>
            <ins>插入</ins>
            <p>删除:del</p>
            <del>删除</del>
            <p>计算机码:code</p>
            <code>计      算机码</code>
            <p>键盘码:kbd</p>
            <kbd>键     盘 码</kbd>
            <p>计算机代码样本:samp</p>
            <samp>计     算机代码样本</samp>
            <p>打字机代码:tt</p>
            <tt>打     字机代码</tt>
            <p>变量:var</p>
            <var>变      量 </var>
            <p>预文本格式:pre</p>
            <pre>预     文本格式</pre>
            <p>缩写:abbr</p>
            <abbr title="鼠标放在上面可展示全部">缩写</abbr>
            <p>缩写:acronym</p>
            <acronym title="首字母缩写">缩写</acronym>
            <p>文字方向:bdo</p>
            <bdo>文字方向</bdo>
            <p>长引用:blockquote</p>
            <blockquote>长引用浏览器会默认在前方加入缩进,无论引用多少行,每次换行都会加入同样的缩进</blockquote>
            <p>短引用:q</p>
            <q>短引用,即加上""的引用</q>
            <p>定义:dfn</p>
            <dfn title="定义定义">定义</dfn>
            <p>标题:cite</p>
            <cite>标题,显示为斜体</cite>
            <p>信息:address</p>
            <address>显示作者信息,地址等</address>
        </body>
    
    </html>
    
    image.png

    相关文章

      网友评论

          本文标题:06.HTML文本格式

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