文本标签 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- 
             
             <em> 表示一段内容中着重点（显示为斜体）        
             <strong> 表示一个内容的重要性（显示粗体）         
              可以单独使用也可一起使用
              
         
         -->
         <p>
             今天天气<strong><em>真不错</em>！</strong>
         </p>
         <!-- 
            i标签中的内容会议斜体显示
            b标签中内容会以加粗显示
            
            h5规范中规定，对于不需要着重的内容而是单纯的加粗或是斜体
              可以使用b 和i标签
          -->
         
        
         <p>
             <b><i>我是i b标签</i></b>
         </p>
         
         <!-- 
             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>
           <!-- 
               sub标签表示一个下标
            -->
            <p>H<sub>2</sub>O</p>
            <!-- 
                使用del标签表示一个删除的内容
                    del标签中的内容会自动添加到删除线
             -->
            <p>
                <del>17.75</del><br /><br />
                15.54<br />
            </p>
           
           <!-- ins 表示一个插入的内容 -->
           <p>
               nv人<ins>真</ins>不错
           </p>
           
           
           <!-- 
               需要在页面中直接编写一些代码
               pre是一个预格式标签，会将代码中的格式保存，不会忽略多个空格
               code专门用来表示代码
               
               一般结合使用pre和code来表示一段代码
            -->
            <pre>
                <code>
                    window.onload = funcition(){
                                   alert("hello word")
                    };
                </code>0
            </pre>
            
          
           
           
           
           
           
           
           
           
           
           
           
    </body>
</html>

em标签（倾斜）  strong标签（加粗）有语义 i标签和b标签与前两种有相同作用但是没有语义

small标签内容会比父元素的文字小

网页中加《》的内容都可以用cite标签引用

q标签表示一个短引用在浏览器中默认加上引号

blockquote表示一个长引用且是一个块元素

sup标签设置上标　　sub标签设置下标

del标签表示删除一个内容，标签中的内容会自动添加到删除线

ins表示一个插入的内容

若需要在网页中编写一些代码一般结合使用pre和code标签

pre是一个预格式标签，将代码中的格式保存，不会忽略多个空格

code专门表示代码

posted @ 2021-06-30 16:34  2237774566  阅读(32)  评论(0)    收藏  举报