首頁 >web前端 >html教學 >html中如何載入本機圖片

html中如何載入本機圖片

王林原創: 2021-03-09 15:18:3323133瀏覽

html中載入本機圖片的方法：可以利用img標籤來載入本機圖片，如【

html中如何載入本機圖片

本文操作環境：windows10系統、html 5、thinkpad t480電腦。

html中如何載入本機圖片標籤定義 HTML 頁面中的圖片。

html中如何載入本機圖片標籤有兩個必要的屬性：src 和 alt。

常用屬性介紹：

src URL 規定顯示影像的 URL。
alt text 規定影像的替代文字。
height pixels 規定影像的高度。
width pixels 規定影像的寬度。

如果我們要載入本機圖片，可以使用以下方法：

（學習影片分享：html影片教學）

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<img src="/static/imghwm/default1.png"  data-src="本地图片地址"  class="lazy"   alt="文本说明"    style="max-width:90%"  style="max-width:90%">

</body>
</html>

html中如何載入本機圖片

相關文章