vscode网页制作插入图片

在VScode中制作网页并插入图片可以按照以下步骤进行操作：

1. 在VScode中创建一个新的HTML文件，可以命名为index.html。
2. 在HTML文件中，使用img标签插入图片。例如，如果你的图片名为cat.jpg，可以使用以下代码插入图片：

<img src="cat.jpg" alt="猫咪" />

其中，src属性指定了图片的路径，alt属性为图片添加一个替代文本。

3. 将图片文件放入与HTML文件相同的文件夹中，确保图片路径正确。

4. 保存HTML文件并在浏览器中打开，你将能够看到插入的图片。

另外，根据引用中提供的代码，你也可以在网页中插入图片。你可以将图片文件放在与HTML文件相同的文件夹中，然后在HTML文件中插入以下代码：

<img src="10.png" />

这样就能够在网页中插入名为10.png的图片了。

希望以上信息对你有帮助！<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Web入门之VScode基本操作，文本框、输入框、单选框、多选框、列表、插入图片、插入按钮及跳转网页和页面](https://blog.csdn.net/weixin_46570668/article/details/112604025)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [学生dreamweaver网页设计作业成品-简单动漫网页设计](https://download.csdn.net/download/ruan365392777/86261167)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]