How to Create a Simple Webpage Using Notepad
Open Notepad., HTML (Hypertext Markup Language) uses tags., The first tag of a webpage is usually: ., The next tag is ., On the next line after your head tag, put a title: LifeGuide Hub HTML ,Now end your head by typing , Next in our website comes...
Step-by-Step Guide
-
Step 1: Open Notepad.
Notepad is automatically installed on all Windows computers.
You can find it in the Start Menu.
Once you are in Notepad, click "File" and then click "Save As" in the dropdown menu.
Choose "All Files" in the file type menu.
Save your file as an HTML file.
Usually, the main page of a website is known as "index.html" in order to be able to access everything on the website from that single page. , Tags are basically some text inside of <angle brackets>.
You will use a variety of tags to create your webpage.
There are also "end tags" which end a line of code.
An example is of an end tag is:</text>.
These end things like a bold font or a paragraph. , You can put this at the top of your Notepad file. , The next tag, <title>
tells the browser what to put at the top of the window, and the optional meta tags, tells search engines like Google what the site is about. ,,, Please note that not all colors are supported on all browsers. (for instance, dark grey probably wouldn't be supported on most browsers) , Let's start with a header.
A header a a section of large text, and is specified in HTML with <h1> through <h6>
with <h1> being the largest.
So at the top of your webpage, after the body tag, might be something like <h1>Welcome to my site!</h1> Make sure you remember the end tag, or your whole webpage will be in giant! , So after your header, you might have <p>.
I'm learning how to make a website! LifeGuide Hub rules!If you want a new line in your site, use the <br> tag, or break tag. , So let's put in some formatting. <b> for bold text, <i> for italics, and <u> for underlining.
Remember your end tags! , Even with formatting, who wants to look at endless words? Use the <img> tag to do this.
But, like the body tag, it needs some extra information.
An img tag might look like this: <img alt=dog src="dog.jpg" width=200 height=200>.
The src (source) is what the picture is called.
The width and height are the width and height of the picture in pixels. , You want your visitors to be able to see more than just one page.
To create links, use: <a href="otherpage.html">Another page</a>.
The text in between the tags is what the user clicks on to get to the next page, and the href part is where their click takes them.
Using a tags you can let your users move effortlessly around your website. ,, Open the .html file in your favourite web browser to see how it looks.
Congratulations! You just made a webpage. , -
Step 2: HTML (Hypertext Markup Language) uses tags.
-
Step 3: The first tag of a webpage is usually: <html>.
-
Step 4: The next tag is <head>.
-
Step 5: On the next line after your head tag
-
Step 6: put a title: <title>LifeGuide Hub HTML</title>
-
Step 7: Now end your head by typing </head>
-
Step 8: Next in our website comes the <body> tag.
-
Step 9: Between the two body tags goes the content of your webpage
-
Step 10: what the user sees.
-
Step 11: Another tag that can go in the webpage body is the <p> tag
-
Step 12: or paragraph tag.
-
Step 13: You probably don't want a webpage that's all plain text.
-
Step 14: What really makes a website interesting is pictures.
-
Step 15: Almost done!
-
Step 16: To finish up
-
Step 17: you need to end your body with </body>
-
Step 18: and entire webpage with </html>
-
Step 19: Save your work
-
Step 20: making sure to save the file with '.html' at the end.
-
Step 21: If you want to put your website on the web
-
Step 22: see How to Publish a Website on Your Own Domain
Detailed Guide
Notepad is automatically installed on all Windows computers.
You can find it in the Start Menu.
Once you are in Notepad, click "File" and then click "Save As" in the dropdown menu.
Choose "All Files" in the file type menu.
Save your file as an HTML file.
Usually, the main page of a website is known as "index.html" in order to be able to access everything on the website from that single page. , Tags are basically some text inside of <angle brackets>.
You will use a variety of tags to create your webpage.
There are also "end tags" which end a line of code.
An example is of an end tag is:</text>.
These end things like a bold font or a paragraph. , You can put this at the top of your Notepad file. , The next tag, <title>
tells the browser what to put at the top of the window, and the optional meta tags, tells search engines like Google what the site is about. ,,, Please note that not all colors are supported on all browsers. (for instance, dark grey probably wouldn't be supported on most browsers) , Let's start with a header.
A header a a section of large text, and is specified in HTML with <h1> through <h6>
with <h1> being the largest.
So at the top of your webpage, after the body tag, might be something like <h1>Welcome to my site!</h1> Make sure you remember the end tag, or your whole webpage will be in giant! , So after your header, you might have <p>.
I'm learning how to make a website! LifeGuide Hub rules!If you want a new line in your site, use the <br> tag, or break tag. , So let's put in some formatting. <b> for bold text, <i> for italics, and <u> for underlining.
Remember your end tags! , Even with formatting, who wants to look at endless words? Use the <img> tag to do this.
But, like the body tag, it needs some extra information.
An img tag might look like this: <img alt=dog src="dog.jpg" width=200 height=200>.
The src (source) is what the picture is called.
The width and height are the width and height of the picture in pixels. , You want your visitors to be able to see more than just one page.
To create links, use: <a href="otherpage.html">Another page</a>.
The text in between the tags is what the user clicks on to get to the next page, and the href part is where their click takes them.
Using a tags you can let your users move effortlessly around your website. ,, Open the .html file in your favourite web browser to see how it looks.
Congratulations! You just made a webpage. ,
About the Author
Sarah Gutierrez
Professional writer focused on creating easy-to-follow creative arts tutorials.
Rate This Guide
How helpful was this guide? Click to rate: