首頁  >  文章  >  軟體教學  >  hbuilderx怎麼加入圖片_hbuilderx加入圖片教學

hbuilderx怎麼加入圖片_hbuilderx加入圖片教學

WBOY
WBOY轉載
2024-04-09 12:22:191192瀏覽

php小編魚仔帶給大家一篇「HBuilderX怎麼加入圖片」的教學。 HBuilderX是一款非常優秀的前端開發工具,廣受開發者歡迎。但是,對於一些初學者來說,可能會比較陌生。那麼在HBuilderX中如何加入圖片呢?在本文中,我們將為大家詳細介紹HBuilderX加入圖片的方法,幫助大家更好地使用這款工具。

1、首先,開啟HBuilder,在HBuilder左側右鍵新建一個web專案。

hbuilderx怎麼加入圖片_hbuilderx加入圖片教學

2、然後專案名字可以選用駝峰命名法。

hbuilderx怎麼加入圖片_hbuilderx加入圖片教學

3、將圖片拉入img資料夾。

hbuilderx怎麼加入圖片_hbuilderx加入圖片教學

4、之後點選index.html。

hbuilderx怎麼加入圖片_hbuilderx加入圖片教學

5、接著在body裡面寫對應的程式碼。

hbuilderx怎麼加入圖片_hbuilderx加入圖片教學

6、最後寫完程式碼後儲存,點選上方瀏覽器圖示可瀏覽。

hbuilderx怎麼加入圖片_hbuilderx加入圖片教學#

以上是hbuilderx怎麼加入圖片_hbuilderx加入圖片教學的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:zol.com.cn。如有侵權,請聯絡admin@php.cn刪除