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的縮寫,它的作用就是用於告訴瀏覽器
當需要顯示的圖片找不到時顯示什么內容