影像標籤的屬性 屬性 說明 src 指明影像的地址(分為相對路徑和絕對路徑兩種寫法) alt 替換文本,當圖片不能正常顯示時出現文字(十分重要) title 提示文本,滑鼠放到影像上顯示的文字 width 像素值,設置影像的寬度 "> 影像標籤的屬性 屬性 說明 src 指明影像的地址(分為相對路徑和絕對路徑兩種寫法) alt 替換文本,當圖片不能正常顯示時出現文字(十分重要) title 提示文本,滑鼠放到影像上顯示的文字 width 像素值,設置影像的寬度 ">

[HTML]影像標籤<img>的用法、屬性及路徑問題

  • 影像標籤:<img>        用法:<img src = "影像地址">

  • 影像標籤的屬性
屬性 說明
src 指明影像的地址(分為相對路徑和絕對路徑兩種寫法)
alt 替換文本,當圖片不能正常顯示時出現文字(十分重要)
title 提示文本,滑鼠放到影像上顯示的文字
width 像素值,設置影像的寬度
height 像素值,設置影像的高度
border 像素值,設置影像的邊框粗細
  • src屬性的路徑問題
相對路徑(相對於當前HTML文件)
類型 寫法 說明
同一級路徑 無符號,如<img src="image.jpg"> 引入與當前HTML文件同級的image.jpg圖片
下一級路徑 符號:/,如<img src="images/logo.jpg"> 引入與當前HTML文件同級的images文件夾下的logo.jpg圖片
上一級路徑 符號:../,如<img src="../image.jpg"> 引入在當前HTML文件上一級目錄下的image.jpg圖片
絕對路徑(圖片完整地址)
類型 寫法 說明
本地路徑 如<img src="C:\Users\wkb\Desktop\logo.jpg"> 引入"C:\Users\wkb\Desktop"路徑下的logo.jpg圖片
網路路徑 如<img src="圖片網路地址"> 引入某一網路地址下的圖片文件
Tags: