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