现在以HBuilder工具编写为例1 打开此工具，在项目管理器中右键单击创建一个web 项目 2右键单击项目名称，新建一个HTML文件form01html lt！DOCTYPE htmllt！ 作者offline 时间20170106 描述for。

alert和console是js脚本中的代码网页包含html代码，js代码，当然还有css比如 alert10consolelog111。

打开“文件”新建项目，选择文件保存路径，选择项目模版“基本HTML项目”，点击创建用hbuilder写网页建立站点首先打开“文件”新建项目，选择文件保存路径，选择项目模版“基本HTML项目”，点击创建HBuilder是DCloud数字天堂。

1HBuilder 下载地址 HBuilder是DCloud推出的一款支持HTML5的Web开发IDEHBuilder的编写用到了JavaCWeb和RubyHBuilder本身主体是由Java编写的速度快，是HBuilder的最大优势，通过完整的。

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

主要功能包括拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等3，HBuilder是DCloud，推出的一款支持HTML5的Web开发IDE有了这些工具，熟悉编程语言之后使用起来一定得心应手。

首先创建一个web项目，文件新建Web项目26 输入项目名称，点击确定36 然后在新建的WEB项目中点击右键，创建一个目录46 输入名称，这里以html为例，因为是存放html文件56 然后在html目录下创建html。

jsp文件肯定可以运行，我现在用的就是hbuibuilder，新建了一下，看到有jsp文件，至于css和js样式，没试过不知道，不过应该没太大问题。

页面很简单，乍一看像是一个记事本，它也确实可以当记事本用有很多特色插件可以使用，支持多种编程语言的语法高亮显示，具有代码折叠功能2HBuilderX HBuilderX是DCloud数字天堂推出的一款支持HTML5的Web开发IDEH。

3HBuilder这个是国产的专门用于Web网页开发的前端软件，轻巧极速界面柔绿，清爽护眼，语法提示自动补全功能非常完善，支持marldown功能，后期还可以将html文件云端打包为安卓或苹果app，是一个很不错的前端软件4。

8VisualStudioCode简称“VSCode”是一个运行于MacOSXWindows和Linux之上的，针对于编写现代Web和云应用的跨平台源代码编辑器，可在桌面上运行，并且可用于Windows，macOS和Linux9HBUilder是一款支持HTML5的Web开发软件。

最好使拿本教程来学学，结合教程边学习边制作 第二阶段会用网页制作软件后，已会制作一个较完整的网站了 但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧网页编辑语言包括htmlcssjavascript。

HBuilder是一款非常强大的HTML5开发工具，可以用来制作各种网页应用和小程序如果您想要制作一张图片上一半是文字的效果，可以按照以下步骤进行1 打开HBuilder，点击新建项目，选择Web应用或者小程序2 在新建项目界面中。

3HBuilder HBuilder是DCloud数字天堂推出的一款支持HTML5的Web开发IDE，HBuilder的编写用到了JavaCWeb和RubyHBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件快，是HBuilder的最。

别以为记事本功能非常少，软件很简单但是，如何想使用它来制作网页，也仅适合高级用户因为在其内容，没有任何可视化的操作可直接制作网页，而只能编写各种HTML代码CSS代码JS代码和各种动态脚本，方能制作出网页来楼主。