HTML5 Beginner Guide: Introduction, platform Build, sample Demo

HTML5 Beginner Guide: Introduction, platform Build, sample demo

I. Introduction of HTML5

1. Understanding HTML

(1), what is HTML?

HTML is a language used to describe a Web page;

HTML refers to Hypertext Markup Language (Hyper Text Markup Language)

HTML does not become a language, it is a markup language

(2), version

HTML appeared in 1991

Html+ appeared in 1993

HTML2.0 appeared in 1995

HTML3.2 appeared in 1997

HTML4.01 appeared in 1999

XHTML1.0 appeared in 2000

HTML5 appeared in 2012 (a subject of concern, and the draft was presented in 2008)

XHTML5 appeared in 2013

2, HTML5 related knowledge

Learn HTML5 to learn the following knowledge:

Html

Xhtml

Css

Css3

Javascript

Jquery

HTML5

3. New features of HTML5

(1), Canvas label for painting

(2), video and audio elements for media playback

(3), better support for local offline storage

(4), new special content elements

such as: article/footer/header/nav/section, etc.

(5), new form controls

such as: Calendar/data/time/email/url/search, etc.

(6), browser support

such as: Safari/chrome/firefox and opera, including IE9, have basically supported the HTML5.

Second, the construction of HTML5 integrated development environment

Software platform used: IntelliJ idea

intellijidea:http://www.jetbrains.com/idea/download/

(Note: Please download Ultimate version According to your computer system, the trial period is 30 days, the function is more complete, not recommended download community free version, because some important features do not support)

The following describes how to use the software:

1. Open the Software interface and click CreateNew Project

2. Select static web in static Web, click Next

3. Enter the project name and specify the project path

Click Finish to see the following screen

4, right click on the project, select New, New HTML5 file, click OK, the template appears.

Here, the integration environment is built. Please do not walk away on how to use it specifically.

Iii. Demonstration of the example

1, first create index.html, this step above already said. Please complete the code in.

2, and then create a new index01.html, for beginners can put their code in here, and then know why the new index01.html.

3. Operation

Place the mouse in the upper-right corner of the Code box, which appears as a flag.

4, click the last icon, IE browser, the following results appear.

Note: About Lena this picture, because <src="images/lena.png">, We have created a new folder to store pictures, such as.

As of here, I believe the rookie should also use HTML5 ....

About HTML5 must learn the relevant knowledge follow-up ....

HTML5 Beginner Guide: Introduction, platform Build, sample demo