HTML5 Mobile Development Road (--HTML5) development artifact Hbuilder today to introduce a development HTML5 artifact--hbuilder.

This paper is the official HTML5 training course for Brother Lian it education organization, mainly introduces: HTML5 Mobile Development Road (--HTML5) development artifact Hbuilder

Today, we introduce a development HTML5 artifact--hbuilder.

650) this.width=650; "src=" Http://img.my.csdn.net/uploads/201404/17/1397713461_6108.gif "style=" border:0px; "/>

: http://www.dcloud.NET.cn/

First, create a new file

650) this.width=650; "Src=" http://img.blog.csdn.net/20140417134449015?watermark/2/text/ ahr0cdovl2jsb2cuy3nkbi5uzxqvzgf3yw5nyw5iyw4=/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma==/dissolve/70/gravity/ Southeast "style=" border:0px; "/>

You can see support for web App development and normal website front-end development, we first set up a mobile app project

650) this.width=650; "Src=" http://img.blog.csdn.net/20140417134643468?watermark/2/text/ ahr0cdovl2jsb2cuy3nkbi5uzxqvzgf3yw5nyw5iyw4=/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma==/dissolve/70/gravity/ Southeast "style=" border:0px; "/>

Note: The html5+ specification is a HTML5-based extension specification for bridging the gap between HTML5 and native application capabilities. The html5+ specification is an open specification, under the guidance of China, by the HTML5 China Industrial Alliance (www.html5plus.org), all specifications are developer-oriented, developer request, developer Review implementation program, developer vote selected specifications.

Once you've created a project, you can click the Run button on your mobile device directly in the top menu bar.

650) this.width=650; "Src=" http://img.blog.csdn.net/20140417135137531?watermark/2/text/ ahr0cdovl2jsb2cuy3nkbi5uzxqvzgf3yw5nyw5iyw4=/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma==/dissolve/70/gravity/ Southeast "style=" border:0px; "/>

The results of the operation are as follows:

650) this.width=650; "Src=" http://img.blog.csdn.net/20140417134926125?watermark/2/text/ ahr0cdovl2jsb2cuy3nkbi5uzxqvzgf3yw5nyw5iyw4=/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma==/dissolve/70/gravity/ Southeast "style=" border:0px; "/> 650" this.width=650; "src=" http://img.blog.csdn.net/20140417135309328? watermark/2/text/ahr0cdovl2jsb2cuy3nkbi5uzxqvzgf3yw5nyw5iyw4=/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma==/ Dissolve/70/gravity/southeast "style=" border:0px; "/>

Second, practical skills

1, code Input method, a number, less knock 10 keyboard

650) this.width=650; "Src=" http://img.blog.csdn.net/20140417135544484?watermark/2/text/ ahr0cdovl2jsb2cuy3nkbi5uzxqvzgf3yw5nyw5iyw4=/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma==/dissolve/70/gravity/ Southeast "style=" border:0px; "/>

2, code block, a code block, less knock 20 down the keyboard

650) this.width=650; "Src=" http://img.blog.csdn.net/20140417135742031?watermark/2/text/ ahr0cdovl2jsb2cuy3nkbi5uzxqvzgf3yw5nyw5iyw4=/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma==/dissolve/70/gravity/ Southeast "style=" border:0px; "/>

For more tips, see: http://www.dcloud.Net.cn/readme/

HTML5 Mobile Development Road (--HTML5) development artifact Hbuilder today to introduce a development HTML5 artifact--hbuilder.