• <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <small id="ggggg"></small>
<sup id="ggggg"></sup>
    <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <tfoot id="ggggg"></tfoot>
  • 

    <nav id="ggggg"><cite id="ggggg"></cite></nav>
    <nav id="ggggg"></nav>
    
成人黃色A片免费看三更小说,精品人妻av区波多野结衣,亚洲第一极品精品无码,欧美综合区自拍亚洲综合,久久99青青精品免费观看,中文字幕在线中字日韩
,亚洲国产精品18久久久久久,黄色在线免费观看 

  
      
    

    

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

    
什么是HTML

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

    


    
什么是HTML標簽（元素）

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

    


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

    


    
溫馨提示：

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

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

    


    
元素的層次結構

    
大多數 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的起始標簽后補上結束標簽，在結束標簽前面補上起始標簽。

    


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

    


    
元素的屬性

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

    


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

    


    
空元素（自閉合元素）

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

    


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

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

    


    
HTML注釋

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

    


    


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

    


    
語義化標簽和div

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

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

    


    
header：用于表示頁面的頭部

    
nav：表示導航欄

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

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

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

    
    footer：表示頁面或某個區域的注腳

    

    
    
    

    

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

    				
    
								
			
    
		
    
		
		
	
    


    
    
  
    
    
    日歷
    
    
    
        
    
        
    
    
  
    
    
    
    
      
    鏈接
    
      
      
                
    
    
    
    
    
      
    個人資料
    
      
    
          
    
                    
    
          
    藍藍設計的小編
          http://m.lzhte.cn
    
      
    
    
    
    
    
      
    存檔
    
      
    
    

    

    


  
 





主站蜘蛛池模板：
日本三级香港三级人妇gg在线|
中文字幕无码av专区久久|
岛国AV无码|
亚洲av中文aⅴ无码av不卡|
中文字幕无码成人免费视频|
国产精品三级在线专区1|
国产成人福利导航|
亚洲麻豆av一区二区|
欧洲成人一区二区三区|
18禁无遮挡国产免费观看|
欲色影视天天一区二区三区色香欲
|
欧美黑人xxxx高潮猛交|
亚洲欧美精品成人久久91|
成人精品一区二区三区九色|
亚洲国产韩国精品在线|
少妇厨房愉情理伦片BD在线观看|
五月婷婷色综合|
丝袜美腿视频一区二区三区|
一区二区三区精品偷拍|
国产AV一区二区三区天堂综合网|
人妻AV资源先锋影音AV资源|
欧美日韩人成综合在线播放|
欧美成人aa免费观看|
国产午夜一级鲁丝片|
国产伦理自拍视频在线观看|
平昌县|
人人做人人爽人人爱|
久久人妻少妇精品系列|
国产高端极品尤物av|
人妻丝袜无码专区视频网站|
伊人久久青草青青综合|
中文字幕少妇人妻精品|
欧美亚洲日韩精品一卡二卡
|
av激情亚洲男人的天堂|
污视频在线看|
亚洲av区三区二区一|
国产成人av电影在线观看第一页|
真人无码国产作爱免费视频|
无码熟妇人妻AV影片在线|
国产嫖妓91东北老熟女久久一|
亚洲H成年动漫在线观看不卡|