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
- 1This is the bar that runs along the bottom of the screen.Mouse down to the taskbar.
- 2Alternatively, press the Windows keyboard key. This will open the Start menu.Scroll left to the Windows button and left-click it once.
- 3This will take us to the Apps menu. Let's search for Notepad.Click on the downward-pointing arrow in the bottom left.
- 4Its background will turn white to indicate that it is active.Click in the search bar in the top right-hand corner.
- 5As we type, the search will automatically begin narrowing our options down, until we are left only with Notepad.Type in "notepad".
- 6Its icon is a blue notepad. This will launch the Notepad application. Now let's type in some very, very basic HTML tags.Click "Notepad".
- 7This tells the browser that this is an HTML page.Type "<html>".
- 8This starts us on a new line, line 2.Hit the "Enter" or "Return" keyboard key one time.
- 9This tells the browser that this is the body of our web page.Type "<body>".
- 10We are now on line 3.Hit "Enter" or "Return" again.
- 11We will type, "VisiHow is Awesome!". This is the text on our web page.Type in some text.
- 12Hit "Enter" or "Return" again to get to line 4.
- 13This 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.Type "</body>".
- 14Hit the "Enter" or "Return" key to get to line 5.
- 15This 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.Type "</html>".
- 16It is in the top left of the window. Left-click it once.Mouse up to "File".
- 17Scroll down to "Save As..." and click it.
- 18It is under the "File name" field, where ".txt" is lit up.Find the "Save as type" field.
- 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.
- 22We will type "visihtml".Type a file name.
- 23We 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.Type in the file extension.
- 24In our demonstration, this will be saved to the desktop, as indicated near the top of the window.Click "Save".
- 25Close the window by clicking the "x" in the top right-hand corner of Notepad.
- 26Double-click the file from the desktop.
- 27We 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.Decide how to open the file.
- 28The 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.View the web page.
- 29In our demonstration, it now has a Firefox icon, indicating that it is a web page.View the file icon.
- 30For 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.This concludes our tutorial on creating your first, and most basic, web page in Windows 8 with Notepad.
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.
