• 文本标签


     

     

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            <!-- 
                em和strong
                - 这两个标签都表示一个强调的内容,
                    em主要表示语气上的强调,em在浏览器中默认使用斜体显示
                    strong表示强调的内容,比em更强烈,默认使用粗体显示
            -->
            <p>
                今天天气<em>真不错</em></p>
            
            <p>
                <strong>
                    注意:如果你不认真上课,你就找不到好工作!
                </strong>
            </p>
            
            <!-- 
                i标签中的内容会以斜体显示
                b标签中的内容会以加粗显示
                
                h5规范中规定,对于不需要着重的内容而是单纯的加粗或者是斜体,
                    就可以使用b和i标签
            -->
            <p>
                <i>我是i标签中的内容</i>
                <b>我是b标签中的内容</b>
            </p>
            
            <!--
                small标签中的内容会比他的父元素中的文字要小一些
                    在h5中使用small标签来表示一些细则一类的内容
                    比如:合同中小字,网站的版权声明都可以放到small
            -->
            <p>
                我是p标签中的内容<small>我是small标签中的内容</small>
            </p>
        
            <!-- 
                网页中所有的加书名号的内容都可以使用cite标签,表示参考的内容,
                    比如:书名 歌名 话剧名 电影名 。。。
            -->
            <p>
                <cite>《论语》</cite>是最喜欢的一般的书
            </p>
            
            <!--
                q标签表示一个短的引用(行内引用)
                    q标签引用的内容,浏览器会默认加上引号
                
                blockquote标签表示一个长引用(块级引用)
            -->
            <p>
                子曰:<q>学而时习之不亦说乎!</q>
            </p>
            
            <div>
                子曰:
                <blockquote>
                    有朋自远方来,乐呵乐呵!
                </blockquote>
            </div>
            
            <!-- 
                使用sup标签来设置一个上标
            -->
            <p>2<sup>2</sup></p>
            <p>赵薇<sup><a href="#">[1]</a></sup></p>
            
            <!--
                sub标签用来表示一个下标
            -->
            <p>H<sub>2</sub>O</p>
            
            <!--
                使用del标签来表示一个删除的内容
                    del标签中的内容,会自动添加删除线
            -->
            <p>
                <del>17.75</del> <br />
                15.54 <br />
            </p>
            
            
            <!-- 
                ins表示一个插入的内容
                    ins中的的内容,会自动添加下划线
            -->
            <p>
                我们的老师真<ins>好啊</ins></p>
            
            
            <!--
                需要页面中直接编写一些代码
                pre是一个预格式标签,会将代码中的格式保存,不会忽略多个空格
                code专门用来表示代码
                
                我们一般结合使用pre和code来表示一段代码
            -->
            
            <pre>
                <code>
                    window.onload = function(){
                        alert("Hello World");
                    };
                </code>
            </pre>
            
            
        </body>
    </html>
  • 相关阅读:
    C#冒泡排序--详解
    盘古搜索--实例解析
    ajax提交表单序列化(serialize())数据
    随机数大揭秘
    静态代码块(主要是注意执行顺序)
    单例模式
    递归
    vue路由嵌套(邹文丰)
    vue computed和 methods、 watch 区别(邹文丰)
    vuex状态管理mutations,getters,actions总结(邹文丰)
  • 原文地址:https://www.cnblogs.com/juham/p/14862153.html
Copyright © 2020-2023  润新知