一般这种情况···多是图片路径错误，你可以把图片和你的html放在同一个文件夹里，然后src地址直接写文件名称试下~；一首先安装apache+PHP运行环境二开启apache服务三安装HBuilder，打开工具安装插件，安装PHP语言服务插件或者点击页面你右下角，选择PHP语言，会提示安装语言插件四安装PHP语言环境后，配置外部浏览器配置。

首先创建一个web项目，文件新建Web项目26 输入项目名称，点击确定36 然后在新建的WEB项目中点击右键，创建一个目录46 输入名称，这里以html为例，因为是存放html文件56 然后在html目录下创建html；第五步就是在建立好的框架上，编写所需要的样式以及代码了 用Hbuilder写html的好处就在于，它会简化你写代码样式的工作，自动识别，比如你要写div框架的时候，只需写前半边，后半边自动就识别出来回车一下就可以了 作用。

谷歌浏览器按F12调试，点手机图标进入手机模式；把css文件导入html的步骤如下1先打开hbuilder软件，在一个外部css文件中编写css代码2在html文件中使用link标签引入刚刚写好的css样式表，其中href是相对路径，即相对于项目所在文件的路径。

2请在A处填写新建项目的名称，B处填写或选择项目保存路径更改此路径HBuilder会记录，下次默认使用更改后的路径，C处可选择使用的模板可点击自定义模板，参照打开目录中的readmetxt自定义模板3在项目资源管理器；解决了就好了，厉害。

为什么hbuilder无法创建HTML项目

新建一个网页文档系统就会自动创建css文档和js文档，在侧边栏就能看到css文件1建议新手不要使用hbuilder，这个编辑器是开发网站前台页面比较专业的集成开发环境，建议使用比较基础的editplus或者Dreamweaver等2uilder 是D。

打开hbuilder，Ctrl+n会展示出一个文件列表，你想要什么就可以选择哪个了。

F12 打开控制台，可以看见报错信息一般时跨域报错，在HBuilder打开有内容是因为HBuilder会自动创建一个本地服务器，所以可以看到内容，你看浏览器的地址栏就知道了，HBuilder应该是。

1打开HBuilder，点击软件顶部的文件选项，在弹出的选择中点击新建，选您要新建的文件JS，HTML，CSS等可以进行选择2输入完成后将文件进行保存，可使用Ctrl+s键保存文件，或点击红框标注出的位置也可保存文件3保存。

为什么hbuilder无法创建html文件

1、hbuilder新建web项目打不开看看目录是否有相同的名称项目如果有删除再重新打开试试，或者点下菜单帮助里的重置环境试试win系统按下Ctrl+PMacOS为Command+P进入边改边看模式，在此模式下，如果当前打开的是HTML文件，每次。

2、win10创建HTML文件可以将文本文档扩展名修改为html即可软件工具windows10 1511专业版 1桌面或者其他文件夹中，右击空白处，弹出菜单选择新建，选择点击文本文档2打开该文本，输入html代码内容菜单栏上点击文件，弹出。

3、创建项目操作即可1打开Hbuilder，先来创建一个项目，项目也就是我们平时创建的文件夹2把它命名为HTMLCSS，这里选择了基本的HTML项目，也就是包含css样式文件夹js代码javascript文件夹img我们存放图片的文件夹。

4、1因为你选择的是手风琴的这个文件夹，你应该选择项目 2可以直接右键新建web项目，或html文件。

5、这是因为缺少系统组件，解决方法是打开腾讯电脑管家工具箱电脑诊所里面就有修复的方法，根据提示进行操作即可。

6、如果在使用HBuilderX编辑器时，右键没有HTML文件选项，可能是因为您当前的HBuilderX项目中没有HTML类型的文件建议您检查您打开的项目中是否有HTML文件，或者创建一个新的HTML文件并将其添加到项目中如果您确实有HTML文件。