Download - HTML5 by Dissection
-
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