整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML中img標簽是什么?怎么用的呢?

          HTML中img標簽是什么?怎么用的呢?


          mg標簽的應用場景

          我們平時在瀏覽網站的過程中如果只有文字的話難免會有些太單調了,并且看文字多了眼睛也會比較難受,這時我們想要讓我們的網頁更漂亮更吸引人眼球,那么肯定少不了精美的圖片來進行點綴,這就用到了今天我要教給大家的圖像標簽img。

          img標簽的組成

          src:圖片的路徑 這個是必須要有的

          title:當我們把鼠標移動到圖片上展示的文本內容

          alt:當圖片的路徑錯誤或圖片有問題時瀏覽器無法識別渲染的情況下展示的文本內容

          width:設置圖片的寬度

          height:設置圖片的高度

          img標簽的使用


          源代碼

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <title>圖像標簽</title>

          </head>

          <body>

          <pre>

          ../:代表上一級目錄

          ../../:上上級目錄

          當前目錄中的文件夾下使用:文件夾名稱/圖片名稱

          上n級目錄下的n級文件夾:n個../+n個文件夾的名稱直到找到圖片文件為止

          </pre>

          <img src="奶茶妹妹.png" width="500" height="300" title="這是同一個目錄下的圖片"><br>

          <img src="" alt="對不起,圖片走丟了">

          <img src="img/章澤天.png" title="這是同一目錄中文件夾下的圖片"><img src="../田馥甄.png" width="350"

          height="300" title="這是上一級目錄中的圖片">

          <img src="../img/高圓圓.png" title="這是上級目錄中某個文件夾下的圖片">

          </body>

          </html>


          瀏覽器預覽效果圖


          以上就是img圖片標簽的簡單應用

          、圖片標簽是用 <img> 單標簽來定義:

          作用是向網頁中添加圖片,并且img標簽有多個可用參數可以添加。

          二、代碼演示


          主站蜘蛛池模板: 国产免费无码一区二区| 日韩熟女精品一区二区三区| 国产精品福利一区二区| 国产精品无码一区二区三区免费| 久久一区二区三区99| 日韩美女视频一区| 亚洲国产精品综合一区在线| 亚洲中文字幕无码一区二区三区| 一区二区三区伦理高清| 精品国产一区二区三区久久影院| 精品一区二区视频在线观看| 亚洲成AV人片一区二区密柚| 中文字幕无码一区二区三区本日| 老湿机一区午夜精品免费福利| 一本一道波多野结衣AV一区| 91无码人妻精品一区二区三区L| 超清无码一区二区三区| 国产午夜精品一区二区| 国模丽丽啪啪一区二区| 一区二区三区久久精品| 中文字幕久久久久一区| 国产一区二区三区夜色 | 亚洲美女视频一区| 精品少妇ay一区二区三区 | 无码视频一区二区三区在线观看| 国产天堂一区二区综合| 红杏亚洲影院一区二区三区| 久久国产精品一区| 日韩精品一区二区三区四区 | 日韩毛片一区视频免费| 亚洲AV成人精品日韩一区18p| www.亚洲一区| 免费精品一区二区三区第35| 无码AV中文一区二区三区| 免费播放一区二区三区| 国产Av一区二区精品久久| 国产拳头交一区二区| 精品国产一区二区22| 国产av一区二区三区日韩| 2018高清国产一区二区三区| 国产综合无码一区二区色蜜蜜 |