7/29/2019 HTML5 by Dissection

1/94

C S 3 2 . 1 W E B P R O G R A M M I N GJ U N R A N G I E C O B I S P O

HTML5

BY DISSECTION

7/29/2019 HTML5 by Dissection

2/94

FIRST HTML5 DOCUMENT

Open any text editor.

Write your HTML code.

Save your document with .html as file nameextension.

Open your file using any web browser.

CS 32.1 Web Programming 2

7/29/2019 HTML5 by Dissection

3/94

SYNTACTIC OVERVIEW

In firstwebpage.html, write the following code:

1.

2.

3. 4.

5. First HTML5 Webpage

6.

7.

8.

This is my first document.

9.

10.

CS 32.1 Web Programming 3

7/29/2019 HTML5 by Dissection

4/94

SYNTACTIC OVERVIEW

CS 32.1 Web Programming 4

Output of first HTML5 document in Mozilla Firefox

7/29/2019 HTML5 by Dissection

5/94

DISSECTING THE FIRST HTML5

DOCUMENT

1.

DOCTYPE indicates what version of HTML is the page

This is the DOCTYPE for HTML5

2. Opening tag for HTML document

Closed at line 10 by

3.

Contains metadata for document such as title,author, etc. Scripts and style sheets are also definedin the inside the head

Closed at line 6 by

CS 32.1 Web Programming 5

7/29/2019 HTML5 by Dissection

6/94

DISSECTING THE FIRST HTML5

DOCUMENT

4.

Provides various types of metadata, such asthe application-name or specifying the

documents character encoding

5. First HTML5 Webpage

Indicates the title of the webpage

6. Closes the element

CS 32.1 Web Programming 6

7/29/2019 HTML5 by Dissection

7/94

DISSECTING THE FIRST HTML5

DOCUMENT

7.

Indicates the main content of the document

Closed at line 9 by

8.

This is my first document.

This is a paragraph

9.

Closes the element10.

Closes the element

CS 32.1 Web Programming 7

7/29/2019 HTML5 by Dissection

8/94

ESCAPE CHARACTERS

Note: Unlike the rest of HTML, the escapesequences are case sensitive.

CS 32.1 Web Programming 8

Escape

Sequence

Character