• <center id="sm46c"></center>
  • <dfn id="sm46c"></dfn>
    

  • <strike id="sm46c"></strike>
    • <cite id="sm46c"><source id="sm46c"></source></cite>
  • 

    • <strike id="sm46c"><source id="sm46c"></source></strike>
      <option id="sm46c"></option>
      
国产精品天天看天天狠,女高中生强奷系列在线播放,久久无码免费的a毛片大全,国产日韩综合av在线,亚洲国产中文综合专区在,特殊重囗味sm在线观看无码,中文字幕一区二区三区四区在线,无码任你躁久久久久久老妇蜜桃

  
      
    

      

	
      
		
      
			
      
				
      HTML基礎知識
      
				
       2021-3-22      前端達人      
      
			
      
			
      
				
      HTML概念和元素（標簽）

      
什么是HTML

      
HTML(Hyper Text Markup Language),中文譯名為超文本標記語言，它包括一系列標簽，通過這些標簽可以將網絡上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體。簡單來說，就是我們用它所包含的一系列標簽來定義網頁的布局結構。

      


      
什么是HTML標簽（元素）

      
HTML 文檔是由 HTML 元素定義的，元素由三部分組成：開始標簽、元素內容、結束標簽。

      


      
HTML 元素以開始標簽起始，以結束標簽終止，元素的內容是開始標簽與結束標簽之間的內容。在VSCode中，使用標簽只需要輸入需要使用的標簽名，再按Tab鍵，編輯器會自動補齊開始標簽和結束標簽的樣式。

      


      
溫馨提示：

      
1.標簽的括號我們用的是尖括號，這也是HTML代碼和CSS（層疊樣式表）代碼的區(qū)別。

      
2.HTML 標簽對大小寫不敏感，也就是說不管我們用大寫還是小寫瀏覽器都能成功識別，但是為了統(tǒng)一標準，最好還是寫小寫。

      


      
元素的層次結構

      
大多數 HTML 元素可以包含其他 HTML 元素，形成嵌套結構

      


      
如圖，div元素內部包含一個p元素，形成嵌套。在嵌套結構中，p的上一級元素是div，我們稱div是p的父元素，p是div的子元素，他們之間是父子級關系。

      


      
若是如圖這樣body、div、p三個元素嵌套，p的上一級元素是div，div的上一級元素是body，那么div是body的子元素，body是div的父元素，body和div是父子關系。而p和body中間隔了一個div，那么p就是body的后代元素，body是p的祖先元素，他們是祖先和后代的關系。

      
若是兩個元素擁有一個共同的父元素，也就是兩個元素的上一級元素是同一個，那么這兩個元素互為兄弟元素。

      


      
需要注意的是，兩個元素之間不能相互嵌套

      


      
p的起始標簽在div內部，結束標簽卻在div外部，這樣的嵌套結構是錯誤的，瀏覽器在解析的時候會自動在p的起始標簽后補上結束標簽，在結束標簽前面補上起始標簽。

      


      
當我們打開瀏覽器檢查器之后就會發(fā)現(xiàn)div和p的層次結構已經發(fā)生了改變。

      


      
元素的屬性

      
屬性是元素的附加信息，比如超鏈鏈接的地址就是元素的附加信息，屬性一般寫在元素的起始標簽里。

      


      
這是一個a標簽，起始標簽的href="。

      


      
空元素（自閉合元素）

      
空元素沒有元素內容和結束標簽，只有起始標簽。空元素內可以加上屬性，例如插入圖片的img標簽

      


      
img標簽沒有元素內容和結束標簽，起始標簽內有屬性，屬性值是圖片地址。

      
一般情況下，圖片用空標簽，音頻視頻不適用空標簽

      


      
HTML注釋

      
注釋是對代碼功能的描述，一般是寫給開發(fā)者和維護者看的，瀏覽器并不會解析注釋里的內容。因為在代碼編寫的過程中，代碼繁多雜亂，寫上注釋能幫助我們快速理解當前代碼的功能，給維護提供方便。

      


      


      
VSCode注釋的寫法：在尖括號內寫上 !–和--，中間寫上注釋的內容，或者選中想要注釋的行，按下快捷鍵CTRL+？。

      


      
語義化標簽和div

      
div是無語義標簽，就是沒有含義的標簽。而所謂語義化標簽，就是有含義的標簽，一看就知道其內部含義。我們平時使用語義化標簽和div來劃分區(qū)域，他們在功能上是沒有任何區(qū)別的，只是語義化標簽能幫助開發(fā)者和維護者清晰地理解劃分的每個區(qū)域都是用來干嘛的。在HTML5之前都是用div來劃分區(qū)域，就會導致整篇代碼全是div，看得人眼花繚亂不易于閱讀，語義化標簽的出現(xiàn)就能解決這個問題。

      
在HTML5中新增了幾個語義化標簽：

      


      
header：用于表示頁面的頭部

      
nav：表示導航欄

      
article：表示文章或其他可獨立存在的頁面

      
section：表示一個整體的一部分主題

      
aside：表示跟周圍主題相關的附加信息
      

      
    footer：表示頁面或某個區(qū)域的注腳

      

      
    
      

      

      
    藍藍設計( www.li-bodun.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務 

      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個人資料
      
      
      
          
      
                    
      
          
      藍藍設計的小編
          http://www.li-bodun.cn
      
      
      
    
      
    
      
      
      存檔
      
      
    
      

      

      


  
 





主站蜘蛛池模板：
国产精品小视频一区二页|
鄢陵县|
欧美品无码一区二区三区在线蜜桃|
国产日韩久久免费影院
|
中文字幕网伦射乱中文|
欧美不卡视频在线观看|
51午夜精品免费视频|
成人3D动漫一区二区三区|
国产精品成人网站|
国产一区二区三区日韩精品|
国产精品爽爽久久久久久|
日本强好片久久久久久aaa|
国产欧美日韩综合|
波多野结衣中文字幕久久|
国产成人综合久久亚洲精品|
97久久精品人人澡人人爽|
葫芦岛市|
成人亚洲一级午夜激情网|
亚洲高清aⅴ日本欧美视频|
狠狠干综合|
成人做爰视频www网站|
久久免费国产精品一区二区|
91中文字幕在线一区|
日韩精品欧美国产在线|
久久久欧美精品激情|
综合色天天久久|
蜜芽久久人人超碰爱香蕉|
狠狠色狠狠色综合久久第一次|
国产午夜亚洲精品不卡福利|
久久婷婷五月综合色一区二区|
久久久久青草线蕉亚洲麻豆|
国产凸凹视频一区二区|
精品国产三级|
99热国产在线观看|
好爽毛片一区二区三区四|
国产精品久久成人网站|
五月天国产成人AV免费观看|
久久综合给合久久狠狠狠88|
午夜福利精品国产二区|
手机精品视频在线观看免费|
国产成人精品无人区一区|