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
我們平時(shí)在瀏覽網(wǎng)站的過程中如果只有文字的話難免會(huì)有些太單調(diào)了,并且看文字多了眼睛也會(huì)比較難受,這時(shí)我們想要讓我們的網(wǎng)頁更漂亮更吸引人眼球,那么肯定少不了精美的圖片來進(jìn)行點(diǎn)綴,這就用到了今天我要教給大家的圖像標(biāo)簽img。
src:圖片的路徑 這個(gè)是必須要有的
title:當(dāng)我們把鼠標(biāo)移動(dòng)到圖片上展示的文本內(nèi)容
alt:當(dāng)圖片的路徑錯(cuò)誤或圖片有問題時(shí)瀏覽器無法識(shí)別渲染的情況下展示的文本內(nèi)容
width:設(shè)置圖片的寬度
height:設(shè)置圖片的高度
源代碼
<!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)用
作用是向網(wǎng)頁中添加圖片,并且img標(biāo)簽有多個(gè)可用參數(shù)可以添加。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。