Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 欧美日韩中字国产,亚洲国产精品一区二区首页,国产精品电影一区 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML中圖像標(biāo)簽img
          
        
           
          
	
	
          
		
                        
          mg標(biāo)簽的應(yīng)用場(chǎng)景
          我們平時(shí)在瀏覽網(wǎng)站的過程中如果只有文字的話難免會(huì)有些太單調(diào)了，并且看文字多了眼睛也會(huì)比較難受，這時(shí)我們想要讓我們的網(wǎng)頁更漂亮更吸引人眼球，那么肯定少不了精美的圖片來進(jìn)行點(diǎn)綴，這就用到了今天我要教給大家的圖像標(biāo)簽img。
          img標(biāo)簽的組成
          src：圖片的路徑 這個(gè)是必須要有的
          title：當(dāng)我們把鼠標(biāo)移動(dòng)到圖片上展示的文本內(nèi)容
          alt：當(dāng)圖片的路徑錯(cuò)誤或圖片有問題時(shí)瀏覽器無法識(shí)別渲染的情況下展示的文本內(nèi)容
          width：設(shè)置圖片的寬度
          height：設(shè)置圖片的高度
          img標(biāo)簽的使用

          源代碼
          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="UTF-8">
          <title>圖像標(biāo)簽</title>
          </head>
          <body>
          <pre>
          ../:代表上一級(jí)目錄
          ../../：上上級(jí)目錄
          當(dāng)前目錄中的文件夾下使用：文件夾名稱/圖片名稱
          上n級(jí)目錄下的n級(jí)文件夾：n個(gè)../+n個(gè)文件夾的名稱直到找到圖片文件為止
          </pre>
          <img src="奶茶妹妹.png" width="500" height="300" title="這是同一個(gè)目錄下的圖片"><br>
          <img src="" alt="對(duì)不起，圖片走丟了">
          <img src="img/章澤天.png" title="這是同一目錄中文件夾下的圖片"><img src="../田馥甄.png" width="350"
          height="300" title="這是上一級(jí)目錄中的圖片">
          <img src="../img/高圓圓.png" title="這是上級(jí)目錄中某個(gè)文件夾下的圖片">
          </body>
          </html>

          瀏覽器預(yù)覽效果圖

          以上就是img圖片標(biāo)簽的簡(jiǎn)單應(yīng)用
          <script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
          圖片標(biāo)簽 img
          屬性
          alt 圖片找不到時(shí)顯示的內(nèi)容
          src 圖片的位置
          width寬度
          height高度
          border 邊框
          uniapp開發(fā)時(shí)，富文本里的圖片路徑因?yàn)槭窍鄬?duì)路徑而無法顯示，這時(shí)候就需要用正則方式給圖片路徑加上絕對(duì)地址（http://域名），讓uniapp能正常顯示。

          另外，因?yàn)楦晃谋纠锏膱D片因?yàn)閷挾忍珜挘瑢?dǎo)致顯示超出界面，同樣，可以用正則方式加以修正（但推薦采用在uniapp模板里加CSS樣式控制）

          1、把uniapp里富文本的圖片相對(duì)路徑改為絕對(duì)路徑（加上https(s)://域名）的形式，代碼如下：
          this.content1 = content1.replace(/\<img src="/gi, '<img src="http://localhost:2000');//content1為富文本里的內(nèi)容


          2、修改富文本里的圖片樣式，代碼如下：
          A、推薦方式，即非正則方式：
          <view class="detail">
    <rich-text :nodes="content1"></rich-text>
</view>
<style>
    .detail img{max-width:100%;}
</style>

          B、正則方式：
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产电影一区二区|
最美女人体内射精一区二区|
久久精品无码一区二区三区日韩|
亚洲片一区二区三区|
国产激情精品一区二区三区|
波多野结衣一区二区三区88|
精品一区二区久久久久久久网精|
精品成人一区二区三区免费视频
|
亚洲国产成人久久一区久久|
中文字幕人妻无码一区二区三区|
亚洲日本一区二区|
精品一区二区三区在线观看l|
国内精品视频一区二区三区八戒|
精品一区二区三区色花堂|
日韩精品一区二区三区中文精品|
国产精品资源一区二区|
日本欧洲视频一区|
波多野结衣电影区一区二区三区|
在线精品动漫一区二区无广告|
天堂一区二区三区在线观看|
亚洲福利精品一区二区三区|
国产对白精品刺激一区二区|
久久精品一区二区影院|
日韩毛片一区视频免费|
国产精品福利一区二区|
久久亚洲日韩精品一区二区三区
|
国产无套精品一区二区|
一区二区三区在线免费观看视频|
另类国产精品一区二区|
中文字幕乱码亚洲精品一区|
亚洲综合一区二区|
久久精品国产AV一区二区三区|
乱精品一区字幕二区|
亚洲综合一区二区三区四区五区|
无码一区二区三区|
日本在线视频一区二区|
亚洲综合一区国产精品|
八戒久久精品一区二区三区|
日本一区视频在线播放|
中文无码精品一区二区三区|
激情一区二区三区|