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

2022-07-28 09:48:18 字數 1112 閱讀 9216

html中的img標籤:

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

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

2.img標籤格式:

其實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的縮寫,它的作用就是用於告訴瀏覽器

當需要顯示的找不到時顯示什麼內容

HTML學習 img標籤

src代表路徑 必填 分為相對路徑 推薦使用 和絕對路徑。表示上級目錄 在設定相對路徑時可以使用 在輸入.之後可以選擇在專案中的資源。通常選用相對路徑,在專案檔案中找到資源。在轉移或複製專案時,就可以順帶吧資源一起帶走,在新的計算機或者新路徑下程式也不會報錯。如果選用絕對路徑,則是將在計算機中的本地...

Html 基礎學習系列一 標籤img

標籤 超連結 什麼是超連結?超級鏈結在本質上屬於乙個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連線的元素。超連結分類 內部鏈結,貓點鏈結,外部鏈結 href url鏈結的目標url。name 當前錨點定位設定的乙個名稱,以便它能夠被其它鏈結所定位。僅限於a標籤,其餘標籤必須使用id屬性,...

img標籤的運用

網頁中常見的影象格式大體上有三種,jpg,gif和png 有失真壓縮,色彩豐富,隱藏一些無用的資訊,只保留有用的部分。簡單動畫,背景透明。無失真壓縮,透明,交錯,動畫 使用img標籤,此標籤單獨出現 alt 的替換文字,當無法開啟時,網頁會自動顯示alt的內容來代替 1 html 2 head ti...