HTML中的文档样式

一、标记缩略语(使用<abbr>元素

解释:缩略语就是我们光标移动到那个位置,然后就会出现提示。

<body>
    2008年在<abbr title="中国的首都">北京</abbr>举办了一场奥运会。
</body>

二、标记联系方式(使用<address>元素)

解释:标记联系方式,仅包含你的联系方式

    <address>
        <p>Tom ,living in Nanping,China</p>
    </address>

三、上标和下标

解释:想象一下我们写化学方程式或者说写数字的时候常碰见的几次方。(<sup>是上标,<sub>是下标)

    water:H<sub>2</sub>O
    <br>
    x的三次方:x<sup>3</sup>

四、表示时间

解释:我们在网页中可供机器识别的格式的<time>元素

    <time datetime="2022-08-10">2022年8月10日</time>

五、案例:

<!DOCTYPE html>
<html>
    <head>
        <title>water</title>
        <meta charset="utf-8">
    </head>
    <body>
        <header>
            <h1>文章分享博客</h1>
        </header>
        发布于 <time>2020-01-06</time> 收藏 5 | <u>点赞 20</u> | <a href="https://baike.baidu.com/item/水/34133">更多相关</a> 
        <main>
            <h2>水(无色、无味的透明液体)</h2>
            本词条由<a href="https://baike.baidu.com/science">科普中国”科学百科词条编写与应用工作项目</a>审核
            <section>
                <em>水(化学式为H<sub>2</sub>O),是由氢、氧两种元素组成的无机物</em>,无毒,可饮用。在常温常压下为无色无味的透明液体,被称为人类生命的源泉,是维持生命的重要物质
                <blockquote>
                水是地球上最常见的物质之一。地球表面有71%被水覆盖。它是包括无机化合、人类在内所有生命生存的重要资源,也是生物体最重要的组成部分.纯水导电性十分微弱,属于极弱的电解质。日常生活中的水由于溶解了其他电解质而有较多的阴阳离子,才有较为明显的导电性。<sup>
                    [1]</sup>
                </blockquote>
                <p>-戚桓瑜主编.<cite>光伏材料制备与加工[M].2015 第40页</cite></p>
            </section>
            <figure>
                <img src="D:\vs\Rcode\images\water.png">
                <p>分子结构示意图</p>
            </figure>
            <h3>水在机体内有许多重要功能</h3>
            <ul>
                <li>(1)水是细胞原生质的重要组分;<sup>[4]</sup></li>
                <li>(2)水在体内起溶媒作用,溶解多种电解质;<sup>[4]</sup></li>
                <li>(3)水在体内起运输作用,可以传递营养物质、代谢废物和内分泌物质(如激素)等;<sup>[4]</sup></li>
            </ul>
            <h3>重水列表</h3>
            <section>
            <table border="1" >
                <tr>
                    <th>性质</th>
                    <th>H<sup>2</sup>O</th>
                    <th>D<sup>2</sup>0</th>
                </tr>
                <tr>
                    <td>相对密度(20℃)</td>
                    <td>0.997</td>
                    <td>1.108</td>
                </tr>
                <tr>
                    <td>凝固点/℃</td>
                    <td>0.00</td>
                    <td>3.79<td>
                </tr>
                <tr>
                    <td>蒸发热/(kJ·mol-1)</td>
                    <td>40.67</td>
                    <td>41.6</td>
                </tr>
            </table>
            重水的主要用途是在核反应堆中做“减速剂”,减小中子速度,控制核裂变过程,也是冷却剂。重水和氘在研究化学和生理变化中是一种宝贵的示踪材料,例如,用稀重水灌溉树木,可以测知水在这些植物中每小时可运行十几米到几十米。测定饮过大量稀重水的人尿中的氘含量,知道水分子在人体中停留时间平均为14天。用氘代替普通氢,可以研究动植物消化和新陈代谢过程。浓的或纯重水不能维持动植物生命,重水对一般动植物的致死浓度为60%。 [6] 生产重水的方法很多,曾用过电解法、水精馏法等,现在利用H2S/H2O双温交换法,先把重水富集约15%后,再电解富集成99.8%,该法成本低廉
            </section>
            <h3>海水淡化</h3>
            <section>
                海水淡化又称海水脱盐,是从海水中获取淡水的技术和过程。从海水中取出淡水或者除去海水中的盐分,都可以达到淡化的目的.根据脱盐过程分类,海水淡化方法主要有热法、膜法和化学方法三大类。
                <p>多级闪蒸(<abbr title="Multistage Flashing Systom">MSF</abbr>)</p>
                
                <blockquote>所谓闪蒸,是指一定温度的海水在压力突然降低的条件下,部分海水急骤蒸发的现象</blockquote>
                低温多效蒸馏(<abbr title="MultipleEffectDistillation">LT-MED</abbr>)
                <blockquote>所谓低温是指海水在第一效的最高蒸发温度(盐水顶温)不高于70℃,这是因为当蒸发温度低于70℃时,蒸发表面海水中盐类结晶的速率将大大降低,从而可避免或减缓设备结垢的产生</blockquote>
            </section>
        </main>
        <footer>
            <p>
                <div align="right">
                    <address>contact me at:+1234567890 <strong>电子邮件</strong>:no_reply@example.com<strong>github</strong><del>:https://github.com/xxxxxxx</del>(此地址已失效)</address> 
                </div>
            </p> 
        </footer>
    </body>
</html>

 

案例来源于:http://ife.baidu.com/%E9%9B%B6%E5%9F%BA%E7%A1%80%E5%85%A5%E9%97%A8%E7%8F%AD/1-html/text.html

posted @ 2022-08-10 16:19  Tomhard  阅读(108)  评论(0编辑  收藏  举报