html如何显示图片?

2025-11-05 18:54:21

1、使用鼠标点击打开HBuilderX软件,如图所示:

html如何显示图片?

2、然后点击菜单栏文件-->新建--->项目,如图所示:

html如何显示图片?

3、输入项目名称,然后选中创建基本html项目,再点击创建按钮,如图所示:

html如何显示图片?

4、然后在html文件中键入完整代码,如图所示:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>html如何显示图片?</title>

</head>

<body>

<img src="img/金元宝1.jpg" />

</body>

</html>

html如何显示图片?

5、然后点运行--->浏览器运行,如图所示:

html如何显示图片?

6、在浏览器中查看运行显示图片效果,如图所示:

html如何显示图片?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢