Installing Html Tools and creating a simple Html document

0
1690

In this tutorial today we will learn the steps to install Html Tool and will create an simple Html document.

  • Steps For Installing Notepad++ are as follows :
  1. Install the google chrome first and then open the browser.
  2. Specify the address “ www.google.com “ search for notepad++.
  3. You will get the following screen as shown below…

  4. Now click on ” Download current version “.
  5. Open the download folder and double click on it then following window will be displayed,so click on OK.

  6. Click on Next button

  7. Accept the agreement.

  8. Click on the Next button.

  9. Choose the following components and click on Next button .

  10. Select the create Shortcut on Desktop option and click on the Install button.

  11. After the installation is completed click on Finish button.

  12. Run notepad++ i.e open your installed notepad++ and following window will be displayed.

  13. Now go to File -> Click on New

  14. Now write the following code as shown :


  15. Now save your document as Type :html and name it for example test1

  16. Now double click on test1 file which we have created and saved ,the following window will be displayed.

  17. Here is the example which includes heading tag ,

    paragraph tag and some other tag ,so to demonstrate it write the following Code in notepad++ .

  18. After writing the code your window will look like as shown below :

  19. Save it as an html document and open it in google chrome browser it will display the following output

  20. For adding simple css in an html document write the following code in notepad++.
  21. After writing the code you will have the following window.

  22. Now save it as an html document and run it, you will have the following output:

  23. For creating an HTML document following are the steps below:
    1. Create a new folder as shown below :

    2. Open the folder created and create a Text document in it .

    3. Name the Text file as index.html

    4. When we open index.html file it gets open up in the browser and has .txt extension which will look like as shown below :

    5. Now we have to remove that txt extension so go to Organize -> Folder and Search option you will have following window :

    6. Click on view .

    7. Click on view and uncheck Hide extensions for known file types and click on Ok button.

    8. Remove the txt extension click on yes .

    9. It will change the icon of index.html.

    10. Right click on index.html and click on Edit with notepad++

    11. Write the following code in Notepad++ :
    12. After writing the code your window will look like as shown below :

    13. Now save and run your file and you will have the following output:

    14. Now for adding an image and displaying write the following code in Notepad++
    15. After writing the code your window will look like as shown below:

    16. Now save your file and run it you will have following output:
  24. Thus we have successfully installed Html tools and learned to create an simple Html document.

LEAVE A REPLY

Please enter your comment!
Please enter your name here