甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
打开软件，选中创建项目
成都创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都做网站、网站设计、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的静海网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
2/10
选中创建项目后选择static web,下一步执行
3/10
输入 项目名及文件存储的目录
4/10
点击确定，关闭窗口
5/10
创建的项目名称后，文件打开为
6/10
右键点击项目，新建html
7/10
创建html5页面，名称及类型
8/10
点击确定后出现页面
9/10
输入要显示的内容，鼠标放到右边会出现浏览器直接点击
10/10
点击浏览，就可以方便的查看自己的html
使用intellij idea如何创建项目
可能存在浏览器的兼容性问题，web开发建议还是使用火狐或者chrome浏览器，支持的插件多，而且很适合开发者
jsp和html5之间的转换，只需要把jsp中的服务端元素去掉即可。
html5转jsp会遇到以下问题：
html5在html文件格式下转为jsp时，部分css出现错乱，但所有css与js与html格式下引用一致
导致原因!DOCTYPE 声明
jsp默认声明：!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""
但html5 中值需要：!DOCTYPE HTML
原因：
!DOCTYPE 声明必须位于 HTML5 文档中的第一行，也就是位于 html 标签之前。该标签告知浏览器文档所使用的 HTML 规范。
doctype 声明不属于 HTML 标签；tag; 它是一条指令，告诉浏览器编写页面所用的标记的版本。
在所有 HTML 文档中规定 doctype 是非常重要的，这样浏览器就能了解预期的文档类型。
HTML 4.01 中的 doctype 需要对 DTD 进行引用，因为 HTML 4.01 基于 SGML。而 HTML 5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 doctype 来规范浏览器的行为（让浏览器按照它们应该的方式来运行。）。
JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它[1] 是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML（标准通用标记语言的子集）文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件，后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。
它实现了Html语法中的java扩展（以 %, %形式）。JSP与Servlet一样，是在服务器端执行的。通常返回给客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。
JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计的显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。 JSP(JavaServer Pages)是一种动态页面技术，它的主要目的是将表示逻辑从Servlet中分离出来。
Java Servlet是JSP的技术基础，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。
ie对html和JS规范很严格，请自己检查标签是否有遗漏，如果有JS的话，中间不能出现console。
是hbuilder更好。
HBuilder 是DCloud（数字天堂）推出一款支持HTML5的Web开发IDE。“快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块及很多配套，HBuilder能大幅提升HTML、js、css的开发效率。
以“快”为核心的HBuilder，引入了“快捷键语法”的概念，巧妙地解决了困扰许多开发者的快捷键过多而记不住的问题。开发者只需要记住几条语法，就 可以快速实现跳转、转义和其他操作。比如alt+[是跳转到括号，alt+’是跳转到引号，alt+字母是跳转菜单项，而alt+左则是跳转到上一次光标 位置。而Ctrl则是各种操作，比如ctrl+d就是删除一行。shift则是转义，比如shift+回车是br/，shift+空格 是 。
另外，HBuilder的生态系统可能是最丰富的Web IDE生态系统，因为它同时兼容Eclipse插件和Ruby Bundle。SVN、git、ftp、PHP、less等各种技术都有Eclipse插件。
HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了 Eclipse的插件。但因为Java效率太低，所以用C写了启动器。HBuilder柔和的绿色界面设计需要动态调节屏幕亮度，它还支持手机数据线真机 联调，而这些都是用C写的。
HBuilder很多界面，比如用户信息界面都是使用Web技术来做的，既漂亮，开发起来又快。最后，代码块、快捷配置命令脚本，都是用Ruby开发的。
国人开发的HTML5编码神奇，号称为编码极客而生的的IDE。
代码输入法：一个数字键，少敲10个按键；
代码块：一个代码块，少敲50个按键；
模糊匹配：跳着敲字母就能匹配到单词；
内置emmet，tab一下生成一串代码；
智能补齐：感知你的意图，自动完成输入；
跳转助手、选择助手，不用鼠标，手不离键盘；
才比别的工具快5倍？对极客而言，追求快，没有止境！
Project Location可以重新填的，或者是说，你可以新建完文件夹再用IntelliJ IDEA打开project
有问题可以追问哦o(^▽^)o