資訊專欄INFORMATION COLUMN
摘要：前言元素向網(wǎng)頁中嵌入一幅圖像今天特地對的幾個屬性做了一下測試，在這里做一個筆記。元素的屬性和屬性。同時設(shè)置和時，圖片會縮放到剛好等于設(shè)置的寬度和高度，圖片中的內(nèi)容會完整顯示，圖片可能變形沒有按比例縮放的時候。標(biāo)簽定義圖像映射中的區(qū)域。
前言
img 元素向網(wǎng)頁中嵌入一幅圖像
今天特地對 img 的幾個屬性做了一下測試，在這里做一個筆記。
1. img 元素的width屬性和height屬性。2. img 元素的title屬性和alt屬性（1）不設(shè)置 width 和 和 height 時，圖片在瀏覽器中顯示大小等于原圖。
（2）只設(shè)置 width 或 height 時，圖片會通過按比例縮放來決定沒有設(shè)置的 width 或 height 的值。
（3）同時設(shè)置 width 和 height 時，圖片會縮放到剛好等于設(shè)置的寬度和高度，圖片中的內(nèi)容會完整顯示，圖片可能變形（沒有按比例縮放的時候）。
3. img 元素的ismap屬性（1）圖片正常顯示的時候，鼠標(biāo)停留在圖片上可以看到 title 的內(nèi)容。
（2）圖片沒有顯示出來的時候，alt 的內(nèi)容會顯示在本來應(yīng)該顯示圖片的位置,鼠標(biāo)停留在圖片上可以看到 title 的內(nèi)容。
（1）設(shè)置了 ismap 屬性之后，當(dāng)用戶在 ismap 圖像上單擊時，瀏覽器會自動把鼠標(biāo)的 x、y 位置（相對于圖像的左上角）發(fā)送到服務(wù)器端。
（2）只有當(dāng)
因為在代碼中將鏈接地址設(shè)置為圖片地址，所以單擊
在以上代碼中:
后語（1）用于定義一個客戶端圖像映射，
中的usemap屬性可引用 中的 id 或 name 屬性（取決于瀏覽器），所以我們應(yīng)同時向 添加 id 和 name 屬性。
（2） 標(biāo)簽定義圖像映射中的區(qū)域?！緢D像映射】指帶有可點(diǎn)擊區(qū)域的圖像）。area 元素總是嵌套在 標(biāo)簽中。
在線DEMO https://hgy9473.github.io/myl...
參考資料：w3school http://www.w3school.com.cn/tags/tag_img.asp
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/50982.html
摘要：什么叫優(yōu)雅降級和漸進(jìn)增強(qiáng)漸進(jìn)增強(qiáng)針對低版本瀏覽器進(jìn)行構(gòu)建頁面，保證最基本的功能，然后再針對高級瀏覽器進(jìn)行效果交互等改進(jìn)和追加功能達(dá)到更好的用戶體驗。優(yōu)雅降級一開始就構(gòu)建完整的功能，然后再針對低版本瀏覽器進(jìn)行兼容。 1、CSS選擇器有哪些？它們的優(yōu)先級是怎樣的？ 選擇器類型： id選擇器 （ # myid） 類選擇器 （.myclassname） 標(biāo)簽選擇器 ...
摘要：什么叫優(yōu)雅降級和漸進(jìn)增強(qiáng)漸進(jìn)增強(qiáng)針對低版本瀏覽器進(jìn)行構(gòu)建頁面，保證最基本的功能，然后再針對高級瀏覽器進(jìn)行效果交互等改進(jìn)和追加功能達(dá)到更好的用戶體驗。優(yōu)雅降級一開始就構(gòu)建完整的功能，然后再針對低版本瀏覽器進(jìn)行兼容。 1、CSS選擇器有哪些？它們的優(yōu)先級是怎樣的？ 選擇器類型： id選擇器 （ # myid） 類選擇器 （.myclassname） 標(biāo)簽選擇器 ...
摘要：之小白初入江湖超文本標(biāo)記語言簡稱是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。描述了一個網(wǎng)站的結(jié)構(gòu)語義隨著線索的呈現(xiàn)，使之成為一種標(biāo)記語言而非編程語言。是塊級元素，是行內(nèi)元素。層疊樣式表簡稱是一種用來為結(jié)構(gòu)化文檔如添加樣式的工具。 HTML & CSS之小白初入江湖 1. HTML 超文本標(biāo)記語言(HyperText Markup Language, 簡稱HTML)是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言...
摘要：之小白初入江湖超文本標(biāo)記語言簡稱是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。描述了一個網(wǎng)站的結(jié)構(gòu)語義隨著線索的呈現(xiàn)，使之成為一種標(biāo)記語言而非編程語言。是塊級元素，是行內(nèi)元素。層疊樣式表簡稱是一種用來為結(jié)構(gòu)化文檔如添加樣式的工具。 HTML & CSS之小白初入江湖 1. HTML 超文本標(biāo)記語言(HyperText Markup Language, 簡稱HTML)是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言...
閱讀 1970·2021-11-15 11:39
閱讀 1312·2021-10-18 13:29
閱讀 1284·2021-08-31 09:42
閱讀 2820·2019-08-30 11:11
閱讀 2181·2019-08-26 12:12
閱讀 2174·2019-08-26 10:17
閱讀 3484·2019-08-23 18:38
閱讀 3292·2019-08-23 18:38
