圖像標(biāo)簽（）和源屬性（Src）

在 HTML 中，圖像由 標(biāo)簽定義。

是空標(biāo)簽，意思是說(shuō)，它只包含屬性，并且沒(méi)有閉合標(biāo)簽。

要在頁(yè)面上顯示圖像，你需要使用源屬性（src）。src 指 "source"。源屬性的值是圖像的 URL 地址。

定義圖像的語(yǔ)法是：

URL 指存儲(chǔ)圖像的位置。如果名為 "boat.gif" 的圖像位于 www.w3school.com.cn 的 p_w_picpaths 目錄中，那么其 URL 為 /file/tupian/20230130/247498.jpg。

瀏覽器將圖像顯示在文檔中圖像標(biāo)簽出現(xiàn)的地方。如果你將圖像標(biāo)簽置于兩個(gè)段落之間，那么瀏覽器會(huì)首先顯示第一個(gè)段落，然后顯示圖片，最后顯示第二段。

替換文本屬性（Alt）

alt 屬性用來(lái)為圖像定義一串預(yù)備的可替換的文本。替換文本屬性的值是用戶(hù)定義的。

在瀏覽器無(wú)法載入圖像時(shí)，替換文本屬性告訴讀者她們失去的信息。此時(shí)，瀏覽器將顯示這個(gè)替代性的文本而不是圖像。為頁(yè)面上的圖像都加上替換文本屬性是個(gè)好習(xí)慣，這樣有助于更好的顯示信息，并且對(duì)于那些使用純文本瀏覽器的人來(lái)說(shuō)是非常有用的。

	
	
		BaiDu
		
		
	

基本的注意事項(xiàng) - 有用的提示：

假如某個(gè) HTML 文件包含十個(gè)圖像，那么為了正確顯示這個(gè)頁(yè)面，需要加載 11 個(gè)文件。加載圖片是需要時(shí)間的，所以我們的建議是：慎用圖片。

設(shè)置網(wǎng)頁(yè)圖片背景

	
	
		BaiDu
		
		
	

排列圖片

	
	
		BaiDu
		
		

		

		

	

圖片浮動(dòng)：

	
	
		BaiDu
		
		
帶有圖像的一個(gè)段落。

		
		
帶有圖像的一個(gè)段落。
		
	

調(diào)整圖片尺寸

	
			
		
		
帶有圖像的一個(gè)段落。
		
	

設(shè)置圖片為鏈接

	
			
		
		
帶有圖像的一個(gè)段落。
		
		
		
	

表格

表格由

占用多格的表格

    

        
橫跨兩列的單元格：
        
            
                  姓名
                   電話(huà)
             
             
                  Bill Gates
                  555 77 854
                  555 77 855
              
        
    
        
橫跨兩行的單元格：
        
            
              姓名
              Bill Gates
            
            
              電話(huà)
              555 77 854
            
            
              555 77 855
            
        

    

表格嵌套：

	
		
			
				
					
One
				
Two
				
				
					
						
							A
							B
						
						
							C
							D
						
					
				
				
			
			
				
					Cat
					gou
					豬
					牛
				
				Hello
			
		
	

使用 Cell padding 來(lái)創(chuàng)建單元格內(nèi)容與其邊框之間的空白。

	
		
			
				AAA
				BBB
			
			
				CCC
				DDD
			
		
	

使用 Cell spacing 增加單元格之間的距離。

	
		
			
				AAA
				BBB
			
			
				CCC
				DDD
			
		
	

單元格添加背景色和背景圖片

	
		
			
				AAAAAAAAAAAA
				BBBBBBBBBBBB
			
			
				CCCCCCCCCCC
				DDDDDDDDDDD
			
		
	

控制單元格內(nèi)容靠邊排列

	
		
			
				AAAAAAAAAAAA
				BBBBBB
			
			
				CCCCCCCCCCC
				DDDDDD
			
		
	

使用 "frame" 屬性來(lái)控制圍繞表格的邊框

	
		
外圍一圈
		
			
				AAA
				BBB
			
			
				CCC
				DDD
			
		
		


		
只加上面
	
		
			
				AAA
				BBB
			
			
				CCC
				DDD
			
		
		


		
只加下面
	
		
			
				AAA
				BBB
			
			
				CCC
				DDD
			
		
		


		
只加上下
	
		
			
				AAA
				BBB
			
			
				CCC
				DDD
			
		
		

		
		
只加左右
	
		
			
				AAA
				BBB
			
			
				CCC
				DDD
			
		
	

創(chuàng)新互聯(lián)www.cdcxhl.cn，專(zhuān)業(yè)提供香港、美國(guó)云服務(wù)器，動(dòng)態(tài)BGP最優(yōu)骨干路由自動(dòng)選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機(jī)房獨(dú)有T級(jí)流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進(jìn)行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動(dòng)現(xiàn)已開(kāi)啟，新人活動(dòng)云服務(wù)器買(mǎi)多久送多久。