Learn how get started with HTML5

8/13/2019 Learn how get started with HTML5

1/29

INSTALLING THE HTML TOOLS

Steps For Installing Notepad++:1)Open up the browser Install the google chrome first.

2)Specify the address www.google.com searchnotepad++.

3)You will get the below screen

4)


2/29

5)Now click on the Download of current version.

6)Open the download folder and double click on it thenfollowing window will occur.


3/29

7)Click on OK

.

8)Click on accept the agreement.


4/29

9)Click on next option button.


5/29

10) Click or checked on short icon on desktop.

11) Click on Finish.


6/29

12) Run notepad++ i.e Double Click on it.Having lotmore option


7/29

13) Click on new menu.


8/29

14) Write the simple code like

This is the test program

Welcome To EDUONIX LEARNING.

15) Click on save from file menu.


9/29

16) Double click on test i.e our file name.

17) Example of heading tag like to

paragraph tag and some other tag .

Write the Code in notepad++ .


10/29

18) Write the code..

Program1THIS IS FIRST PROGRAM

THESE ARE THE DIFFERENT TYPE OF HEADING

THIS IS THE FIRST HEADING

THIS IS THE SECOND HEADING

THIS IS THE THRID HEADING




This is the paragraph tag.

19) You will get the following window.


11/29

.


12/29

20) Click on save and open or double click on it i.e opengoogle chrome browser it will display the following output


13/29

21) Adding simple css in an html document.Write the code.

body

{

background-color:#b0c4de;

}

My CSS web page!

Hello welcome! This is a eduonix learning solution.


14/29

22) It will display the following output.

23) CREATE AN HTML DOCUMENT FOLLOWINGARE THE PROCEDURE.i.e create an new folder


15/29


16/29

24) Double click on folder right click ,and click on textdocument.


17/29

25) Give it to the name index .html.


18/29

26) When we open in the brower the file i.e index.html ithas .txt extension look like.


19/29

27) So we have to remove that txt extension Go toorganize click on folder and search option .

28) Click on view .


20/29

29) Click on view and uncheck Hide extensions forknown file types and click on Ok button.


21/29

30) Remove the txt extension click on yes .


22/29

31) It will change the icon of index.html.


23/29

32) Right click on index.html edit with notepad++

33) Write the html code

Program1

THIS IS second PROGRAM in the TEST


24/29







This is the first

link.

This is the first link.



25/29

34) Here look like this.


26/29

35) Output .

36) Write the code .

Program1

THIS IS second PROGRAM in the TEST


27/29







This is the first link.

This is the second link.

Welcome to google.



28/29

37) The window will look like.


29/29

Output.

Documents

Learn how get started with HTML5