【重構前端知識體系之HTML】帶你重憶HTML那些記憶模糊的標簽
      
    
      
        網友投稿
        679
        2022-05-29
		    
      
    
                    
      【重構前端知識體系之HTML】帶你重憶HTML那些記憶模糊的標簽
      引言
      上節，說了HTML是標記語言，那么最重要的就是標記，也就是標簽。
      那標簽那么多？要在這里全部寫出來？
      當然否。這里會講解常用的標簽。（常用達到70%）
      希望在各種前端框架頻出的年代，HTML依然牢記于心。
      回顧
      在剛開始介紹的時候，講了一個簡單的demo，這里貼出來。
          我是一個標題   
      我是一個頁面內容的標題
       
      我是一個美男子，你信嗎？
        
      HTML元素
      什么是HTML元素？
      HTML 元素指的是從開始標簽（start tag）到結束標簽（end tag）的所有代碼。
      具體什么意思呢
      我是一個美男子，你信嗎？
      像上述代碼就是一個div元素，它包含了div開始標簽，div元素內容，div結束標簽，它們一起組合成為了一個div元素。
       
      我是一個頁面內容的標題
       
      我是一個美男子，你信嗎？
       
      同樣的以上的代碼描述了一個body元素。
      空HTML元素
      在之后的標簽學習中，有那么一個標簽
      ， 這個標簽定義換行。像這種HTML 元素被稱為空元素，它是在開始標簽中關閉的。
      但！為了以后版本迭代和規劃，在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關閉。
      未來的 HTML 版本不允許省略結束標簽！
      HTML標簽
      這里按照功能分類講解
      基礎標簽
      1、
      定義文檔類型。
      2、
      定義 HTML 文檔。
      3、
      定義關于文檔的信息。
      4、</p><p>定義文檔的標題。</p><p>5、<body></p><p>定義文檔的主體。</p><p>6、<br></p><p>定義換行。</p><p>7、<h1> - <h6></p><p>定義 HTML 標題。</p><p>8、<p>定義段落。</p><p>9、<!-- --></p><p>定義注釋。</p><p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我是一個標題   
      我是一個頁面內容的標題h1
       
      我是一個一個段落
      我是一個一個段落
      我是一個一個段落
      我是一個一個段落
      我是一個一個段落
         
      看起來，學會了這些基礎標簽，就可以在網上發一篇小作文啦。實現文字自由？
      單獨的文本未免太過于單調，來點修飾
      修飾文本（格式化）
      1、
      定義文檔類型。最初是在 HTML 4.0 中引入的，表示它所包含的文本是一個更長的單詞或短語的縮寫形式。
      nszhd
      2、
      顯示斜體文本效果。
      3、
      呈現粗體文本效果。
      4、
      定義強調文本。
      5、
      把文本定義為語氣更強的強調的內容
      6、
      定義下劃線文本。
          我是一個標題   
      我是一個i段落
       
      我是一個u段落
       
      我是一個em段落
       
      我是一個strong段落
       
      我是一個b段落
        
      表單
      1、
      定義供用戶輸入的 HTML 表單。
      2、
      定義輸入控件。
      3、
       
      select：  
        
        
      圖像、音頻與視頻
      1、
      定義圖像。
      2、
      定義圖形。
      3、
      定義 SVG 圖形的容器。
      4、
      定義聲音內容。
      5、
      定義視頻。
      6、
      定義媒介源。
          我是一個標題   
       img:  
       
       canvas:  
       
       svg:    
       
      audio:  
       
       video:  
         
      鏈接
      1、
      定義錨。
      我是百度
      2、
      定義文檔與外部資源的關系。
      列表類型
      1、