html中的img標籤:
1.img標籤中的img其實就是英文image的縮寫
img標籤的作用就是告訴瀏覽器我們需要顯示一張。
2.img標籤格式:
其實img標籤中的src是英文source的縮寫
所以img標籤中的src就是用來img標籤,需要顯示的名稱
<3.注意點img
src="當前電腦的路徑" /
>
-和h系列標籤/p標籤還有hr標籤不一樣,img標籤不會獨佔一行
-如果我們手動指定了img標籤顯示的的寬度和高度,
有可能會導致變形,那麼如果又想指定寬度和高度,
<又不想讓發生變形,我們可以只指定寬度或者高度其中的乙個值即可img
src="當前電腦的路徑"
width
="200px"
height
="200px" /
>
-只要指定了寬度,系統會自動根據寬度計算出高度,
只要指定了高度,系統會自動根據高度計算出寬度,
並且都是等比拉伸的,也就是說不會變形
<4.width:寬度img
src="當前電腦的路徑"
width
="200px"
/>
<
img
src="當前電腦的路徑"
height
="200px"
/>
height:高度
所以在img標籤中width/height這兩個屬性的作用,
就是用來告訴img標籤將來需要顯示的有多寬有多高
如果img標籤沒有指定需要顯示的的寬高,
那麼系統就會按照預設的寬高來顯示
如果img標籤指定了寬高,那麼系統會按照指定的寬高在顯示
5.title:用於告訴瀏覽器,當滑鼠懸停在上時
需要彈出的描述框中顯示什麼內容。
6.alt:其實是英文alternate的縮寫,它的作用就是用於告訴瀏覽器
當需要顯示的找不到時顯示什麼內容
HTML學習 img標籤
src代表路徑 必填 分為相對路徑 推薦使用 和絕對路徑。表示上級目錄 在設定相對路徑時可以使用 在輸入.之後可以選擇在專案中的資源。通常選用相對路徑,在專案檔案中找到資源。在轉移或複製專案時,就可以順帶吧資源一起帶走,在新的計算機或者新路徑下程式也不會報錯。如果選用絕對路徑,則是將在計算機中的本地...
Html 基礎學習系列一 標籤img
標籤 超連結 什麼是超連結?超級鏈結在本質上屬於乙個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連線的元素。超連結分類 內部鏈結,貓點鏈結,外部鏈結 href url鏈結的目標url。name 當前錨點定位設定的乙個名稱,以便它能夠被其它鏈結所定位。僅限於a標籤,其餘標籤必須使用id屬性,...
img標籤的運用
網頁中常見的影象格式大體上有三種,jpg,gif和png 有失真壓縮,色彩豐富,隱藏一些無用的資訊,只保留有用的部分。簡單動畫,背景透明。無失真壓縮,透明,交錯,動畫 使用img標籤,此標籤單獨出現 alt 的替換文字,當無法開啟時,網頁會自動顯示alt的內容來代替 1 html 2 head ti...