eBookNew Chapter I

HTML5 & CSS3 in Examples / Games

eBook:

HTML5 and CSS3 Part I-Eng
HTML5 and CSS3 Part II-Eng

Chapter I
Main tags, attributes and elements of the HTML5 language
1. Writing HTML code in Notepad++
1.1 Renaming and saving a file with the .html extension
1.2 Opening and editing a file with the .html extension
1.3 Why the name of the home page is selected as the index.html
1.4 How to start a program
2. The <html>, <head>, <body> and <title> tags
3. The <header>, <hgroup> tags
4. The <h1>, <h2> and other title tags
5. Example 1: Your first program in the HTML5 language
5.1 Explanation of the Example 1 program
6. The <img> tag for graphics display
6.1 The src attribute of the <img> tag
6.2 The height and width attributes of the <img> tag
6.3 The jpg, gif, tiff and png graphic formats
6.4 Example 2: Displaying graphics
6.5 Explanation of the Example 2 program
7. The bulleted list
8. The numbered list
8.1 The start attribute
8.2 Example 3: Creation of bulleted and numbered lists
8.3 Explanation of the Example 3 program

Games:

Dragons! (new)
Street Disco (new)
Game I level 1
Game I level 2
Game I level 3
Game II level 1

1. Writing HTML code in Notepad++

One way of writing HTML code is using the Notepad++ application, which can be downloaded at http://notepad-plus-plus.org/. Download and install it on your computer. The front page of the editor can be seen in Figure 1.

HTML5 & CSS3 in Examples / Games

Games:

1. Writing HTML code in Notepad++

Figure 1. The image of Notepad++