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.
Steps
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:
welcome
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 Welcome
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.