HTML中的img標簽講解(菜鳥)


HTML中的img標簽:

  1.img標簽中的img其實就是英文image的縮寫

    img標簽的作用就是告訴瀏覽器我們需要顯示一張圖片。

  2.img標簽格式:<img src="">

    其實img標簽中的src是英文source的縮寫

    所以img標簽中的src就是用來img標簽,需要顯示的圖片名稱

 

<img src="當前電腦圖片的路徑" />

 

  3.注意點

    -和h系列標簽/p標簽還有hr標簽不一樣,img標簽不會獨占一行

    -如果我們手動指定了img標簽顯示的圖片的寬度和高度,

    有可能會導致圖片變形,那么如果又想指定寬度和高度,

<img src="當前電腦圖片的路徑" width="200px" height="200px" />

    又不想讓圖片發生變形,我們可以只指定寬度或者高度其中的一個值即可

    -只要指定了寬度,系統會自動根據寬度計算出高度,

    只要指定了高度,系統會自動根據高度計算出寬度,

       並且都是等比拉伸的,也就是說不會變形

<img src="當前電腦圖片的路徑" width="200px" />
<img src="當前電腦圖片的路徑" height="200px" />

  4.width:寬度

  height:高度

  所以在img標簽中width/height這兩個屬性的作用,

    就是用來告訴img標簽將來需要顯示的圖片有多寬有多高

  如果img標簽沒有指定需要顯示的圖片的寬高,

    那么系統就會按照圖片默認的寬高來顯示

  如果img標簽指定了寬高,那么系統會按照指定的寬高在顯示

  5.title:用於告訴瀏覽器,當鼠標懸停在圖片上時

  需要彈出的描述框中顯示什么內容。

  6.alt:其實是英文alternate的縮寫,它的作用就是用於告訴瀏覽器

  當需要顯示的圖片找不到時顯示什么內容


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM