How to create a simple web page in Notepad: 15 steps

Table of contents:

How to create a simple web page in Notepad: 15 steps
How to create a simple web page in Notepad: 15 steps

This article will show you how to create a simple web page in Notepad (on a Windows computer). HTML will be used as the programming language.


Part 1 of 4: How to Create an HTML Document

Step 1. Open the Start Menu


Click on the Windows logo in the lower left corner of the screen. Step 2. Find Notepad.

Type notepad into the start menu. Search results appear at the top of the menu. Step 3. Click on Notepad.

It's a blue icon at the top of your search results. Notepad will open. Step 4. Open the File menu.

It's in the upper left corner of the Notepad window. Step 5. Click Save As.

This option is on the menu. The "Save As" window will open. Step 6. Open the File Type menu.

It's at the bottom of the window; it will display the option "Text Documents (*.txt)". Step 7. Click on All Files.

This option is on the menu. The file can now be saved as an HTML document. Step 8. Select a folder to save.

To do this, click on the desired folder on the left pane of the window.

For example, to save your document to your desktop, scroll up and click Desktop in the left pane

Step 9. Enter the name and extension "html"

Click the File Name text box, enter a file name, and then enter.html.

For example, to name the web page file "hello", enter hello.html

Step 10. Click Save

The text document will be saved as an HTML document. Now you can move on to creating the structure of the web page.

If Notepad closes unexpectedly, or you want to return to the document later, right-click the HTML file and choose Edit from the menu

Part 2 of 4: How to Create the Structure of a Web Page

Step 1. Add a language tag

The first tag to add to Notepad tells the entire document that HTML will be used. In Notepad, enter the following:


Step 2. Add the "head" tags.

These tags mark the beginning and end of the page name that you will create in the next step. For now, just type after the tag, press ↵ Enter twice to insert blank lines, and then type. Step 3. Enter a name for the page.

It is inserted between the tags that must be inside the "head" tags. This name will be displayed on the browser tab when the page is opened. For example, if your page name is My Site, enter the following:

My site

Step 4. Add the "body" tags.

The web page code will be in between these tags. Under the tag, enter:


Step 5. Close the HTML language tag.

The last tag in the document will be the closing html tag to mark the end of the page. Enter below the tag to close the HTML tag. Step 6. View the HTML document.

At this stage, the document should look like this:

  My site    

Step 7. Save the document.

To do this, press Ctrl + S. Now you can move on to adding page elements such as paragraphs and headings.

Part 3 of 4: How to Add Web Page Elements

Step 1. Remember that all elements of the web page must be between the "body" tags

Any element - be it a heading or a paragraph - must be entered after the tag and before the tag. Step 2. Add the main title of the site.

Enter "body" between the tags, and then enter a title inside the tags. For example, to create a page titled "Welcome", enter the following:


Use tags separately to create smaller headers

Step 3. Add text to the page

Enter paragraph tags and then enter text within those tags. The result should look something like this:

This is my website. Vote for me in the elections!

Step 4. Insert a paragraph break.

To add blank lines between paragraphs or headings, on a line, type

after the closing tag. For example, to create a line break after a paragraph, enter the following:

This is my website. Vote for me in the elections!

I also love potatoes.

  • After the first tag

    you can enter the same tag to add another line break, that is, there will be two blank lines between two paragraphs.

Step 5. Format your text

Bold, italic, underline, superscript and subscript can be used to make a word, sentence, or block of text between paragraph tags:

Bold text Italic text Underlined text Subscript text Superscript text

Step 6. Review the appearance of the web page.

Although the elements of the web page may vary, the document should look something like this:

  This is my website  


This is my website. Hope you enjoy it!

Highlights are highlighted in bold text

Italic text should be creepy.

Part 4 of 4: How to open a web page

Step 1. Save your document

To do this, press Ctrl + S. Now when you open an HTML document, the latest version of your web page will be displayed. Step 2. Right click on the HTML document.

A menu will open. Step 3. Select Open with.

This option is on the menu. A new menu will open. Step 4. Select a web browser.

An HTML document can be opened in any browser, so choose your preferred web browser from the menu. The HTML document will open in a web browser window. Step 5. Browse the web page.

If everything is ok, close Notepad.

If you want to continue editing the HTML document, go back to Notepad and make the necessary changes, remembering to save them regularly

Popular by topic