• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    HTML中img圖像標簽使用詳解

    HTML標簽中img標簽是比力常用的圖片標簽,在頁面結構中經常用到,下面介紹img圖像標簽的利用方式。

    方式/步調

    1. 1

      img圖像標簽的src屬性是圖像的地址,撐持絕對路徑,也撐持相對路徑,圖像地址準確,圖片才能正常顯示。

    2. 2

      img圖像標簽的alt屬性是圖像的替代文本屬性,當圖片地址錯誤無法顯示時,就會顯示出alt設置的文字。

    3. 3

      當需要調整圖像的巨細時,可以利用img的width寬度和height高度屬性來界說圖片的巨細。下面代碼設置圖片的寬高都是100PX。

    4. 4

      給圖像一個鏈接。經由過程給img圖像標簽一個a標簽,可以實現當點擊圖片時跳轉到另一個網頁。下面代碼實現了點擊圖片時,跳轉到百度本家兒頁。

    5. 5

      建立圖像映射。經由過程圖片映射的設置,可以實現圖片上分歧處所的點擊跳轉到分歧的頁面。

    6. 6

      將圖片轉換當作圖片映射。經由過程img標簽里增添ismap屬性實現圖片映射功能。當鼠標放在圖片分歧處所時,可以看到分歧的坐標,實現圖片映射。

    7. 7

      img圖像標簽還可以在標簽上添加js事務,例如,下面代碼在圖像標簽上添加了點擊事務onclick,實現點擊圖片時,彈出文字申明。

    • 發表于 2019-06-14 17:02
    • 閱讀 ( 1203 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆