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

html中如何載入本機圖片

王林
發布: 2023-01-03 09:28:42
原創
22918 人瀏覽過

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

html中如何載入本機圖片

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

標籤定義 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="本地图片地址" alt="文本说明" width="42" height="42">

</body>
</html>
登入後複製

相關推薦:html教學

以上是html中如何載入本機圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
輸入<html><>後面是怎麼變成<html></html>的
來自於 1970-01-01 08:00:00
0
0
0
HTML與HTML5的差別
來自於 1970-01-01 08:00:00
0
0
0
HTML總結
來自於 1970-01-01 08:00:00
0
0
0
HTML總結
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板