Create a Simple Webpage Using Notepad

Webpages. We use them every day. But how hard is it to make a webpage? You can make a simple webpage easily with Notepad 

Open Notepad. Click File->Save As. Choose all files from the file type menu. Save your file as file.html You can replace file with anything. Usually the main page of a website is index.html Now you can start coding. Don't worry, it's not hard!

 HTML (hypertext markup language) uses tags. Tags are basically some text inside of You will use a variety of tags to create your webpage. There are also "end tags" which look like

These end things like a bold font.

 The first tag of a webpage is usually the html. You can put this at the top of your Notepad file.
   







The next tag is the tag. Between the and tags are the title tag, which tells the browser what to put at the top of the window, and meta tags, which tell search engines like Google what the site is about.


On the next line after your tag, put a


Now end your head by typing 


Next in our website comes the body tag. Type Please note that not all colors are supported on all browsers. (for instance, dark grey probably wouldn't be supported on most browsers)


Between the two body tags goes the content of your webpage, what the user sees. Let's start with a header. A header a a section of large text, and is specified in HTML with

through

, with

being the largest. So at the top of your webpage, after the body tag, might be something like

Welcome to my site! Make sure you remember the end tag, or your whole webpage will be in giant!

Another tag that can go in the webpage body is the
tag, or paragraph tag.
So after your header, you might have
I'm learning how to make a website! Softwareforfree rules!
If you want a new line in your site, use the tag, or break tag.


You probably don't want a webpage that's all plain text. So let's put in some formatting. for bold text, for italics, and for underlining. Remember your end tags!


What really makes a website interesting is pictures. Even with formatting, who wants to look at endless words? Use the tag to do this. But, like the body tag, it needs some extra information. An img tag might look like this: The src (source) is what the picture is called. The width and height are the width and height of the picture in pixels.


Almost done! You want your visitors to be able to see more than just one page. To create links, use: Another page 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.


To finish up, you need to end your body with , and entire webpage with


Save your work and open the .html file in your favourite web browser. Congratulations! You just made a webpage


If you want to put your website on the web, see How to Publish a Web Site