Create a Basic HTML Page with Notepad in Windows 8
Edited by Grimm, Amanda, Eng, faisalshakeel
4 Parts:
You're watching VisiHow. In this tutorial, we are going to show you how to create the most basic HTML page you can create simply using the Notepad application on your Windows 8 computer.
Contents
Steps
- 1Mouse down to the taskbar. This is the bar that runs along the bottom of the screen.
Advertisement - 2Scroll left to the Windows button and left-click it once. Alternatively, press the Windows keyboard key. This will open the Start menu.
Advertisement - 3Click on the downward-pointing arrow in the bottom left. This will take us to the Apps menu. Let's search for Notepad.
- 4Click in the search bar in the top right-hand corner. Its background will turn white to indicate that it is active.
- 5Type in "notepad". As we type, the search will automatically begin narrowing our options down, until we are left only with Notepad.
- 6Click "Notepad". Its icon is a blue notepad. This will launch the Notepad application. Now let's type in some very, very basic HTML tags.
- 7Type "<html>". This tells the browser that this is an HTML page.
- 8Hit the "Enter" or "Return" keyboard key one time. This starts us on a new line, line 2.
- 9Type "<body>". This tells the browser that this is the body of our web page.
- 10Hit "Enter" or "Return" again. We are now on line 3.
- 11Type in some text. We will type, "VisiHow is Awesome!". This is the text on our web page.
- 12Hit "Enter" or "Return" again to get to line 4.
- 13Type "</body>". This is known as a closing tag. This closes the body section. Now we repeat this for the HTML tag. Note that we are closing our tags in reverse order to how we opened them. Another way to think of this is that the tags bracket our content symmetrically.
- 14Hit the "Enter" or "Return" key to get to line 5.
- 15Type "</html>". This closes the HTML document. This is not properly formed code. We do have a tutorial explaining how to format code properly, or at least to our own standards, so that our websites are easy to read and legible to other people. But for now, we're just focused on creating a very basic web page.
- 16Mouse up to "File". It is in the top left of the window. Left-click it once.
- 17Scroll down to "Save As..." and click it.
- 18Find the "Save as type" field. It is under the "File name" field, where ".txt" is lit up.
- 19Click the downward-pointing arrow on the far right side of this field to open a dropdown menu.
- 20Click "All Files".
- 21Click on the "File name" field to get a cursor.
- 22Type a file name. We will type "visihtml".
- 23Type in the file extension. We will add a period or dot character and then type in either "htm" or "html". The full file name will read, "visihtml.html". As this is a basic tutorial, we are going to go ahead and leave it as "html" to make it easy to remember what this is.
- 24Click "Save". In our demonstration, this will be saved to the desktop, as indicated near the top of the window.
- 25Close the window by clicking the "x" in the top right-hand corner of Notepad.
- 26Double-click the file from the desktop.
- 27Decide how to open the file. We will be asked, "How do you want to open this type of file (.html)?". Let's choose Firefox for this tutorial, as it's one of the more picky browsers about code being formatted properly. Click the browser of choice.
- 28View the web page. The page we created is an actual web page that we just launched in the Firefox browser. Ours says, "VisiHow is Awesome!". Close the Firefox window when ready using the red "x" in the top right-hand corner.
- 29View the file icon. In our demonstration, it now has a Firefox icon, indicating that it is a web page.
- 30This concludes our tutorial on creating your first, and most basic, web page in Windows 8 with Notepad. For additional tips on creating a web page or if you have any questions, comments, or suggestions for us, comment in the section below or visit more of our tutorials. Thank you very much for choosing VisiHow, and we look forward to seeing you and your content. Have a great day.
Video: Create a Basic HTML Page with Notepad in Windows 8
Questions and Answers
How can I create a table in html with my desired font face and size?
How can I create a table in html with my desired font face and size. like if I want to set the font size 4 and face courier new how will I do it. Here it is not shown how to create tables and I want it. I have tried: I have tried basic sentences and different styles of fonts. I think it was caused by: I do not know what caused this if I know I wouldn't have asked you
VisiHow QnA. This section is not written yet. Want to join in? Click EDIT to write this answer.
If you have problems with any of the steps in this article, please ask a question for more help, or post in the comments section below.
