How to create html page

In order to create a webpage using HTML, you need a Text-Editor.

If you’re using Windows OS, the Notepad program is a simple Text-Editor that you can use.

C:UsersNovin PendarDocumentsBandicambandicam 2020-06-29 13-04-37-904.jpg

If you are using Mac OS, the TextEdit program is the simplest Text-Editor you can use for creating an HTML web-page.

G:hackHTMLmyHTML-Tutorial�1-1 How to create html page148936.image0.jpg

But there more advanced Text-Editors you can use.

Visual Studio Code and Sublime-Text-Editor are two of the advanced text editors which can be used for creating html web-pages.

Both are free and can be downloaded at the following links:

G:hackHTMLmyHTML-Tutorial�1-1 How to create html page1200px-Visual_Studio_Code_1.35_icon.svg.pngVisual Studio Code: https://code.visualstudio.com/download
G:hackHTMLmyHTML-Tutorial�1-1 How to create html page1505369135_sublime-text.pngSublime Text Editor: https://www.sublimetext.com/3

After you have decided on what text editor you want to use; in order to create an html page:

  1. Create a text file with the extension of
    <em>.html</em>

G:hackHTMLmyHTML-Tutorial�1-1 How to create html pagebandicam 2020-06-29 13-36-18-721.jpg
G:hackHTMLmyHTML-Tutorial�1-1 How to create html pagebandicam 2020-06-29 13-39-49-033.jpg

After you change the extension of the text file, the shape of that file will change to look like a web-page.

G:hackHTMLmyHTML-Tutorial�1-1 How to create html pagebandicam 2020-06-29 13-40-14-104.jpg
  1. Now you can open this file using your chosen
    Text-Editor.

G:hackHTMLmyHTML-Tutorial�1-1 How to create html pagebandicam 2020-06-29 13-44-20-283.jpg

After opening the html-file, you can start to put html code in it.

For now just copy and paste the code below into your text editor:

<!DOCTYPE html>
<html>
   <head>
      <title>this is the title of this page</title>
   </head>
   <body>
      <p>Hello World</p>
   </body>
</html>

Now save the file and close it and then run the file using your web-browser. Doesn’t matter what browser you choose to run the page with.

G:hackHTMLmyHTML-Tutorial�1-1 How to create html pagebandicam 2020-06-29 13-49-39-000.jpg

This is the output you should see if you followed the instructions:

G:hackHTMLmyHTML-Tutorial�1-1 How to create html pagebandicam 2020-06-29 13-52-37-667.jpg

You can also see the source code of this page or any other webpages by right clicking in the middle of the page and select “View page source”

For example:

G:hackHTMLmyHTML-Tutorial�1-1 How to create html pagesource-code.jpg

And the page source code:

G:hackHTMLmyHTML-Tutorial�1-1 How to create html pagesource-code-page.jpg