How to create a simple webpage

Share it:

How to create a simple webpage using Notepad


I will show you how to create a simple Webpage. We use them every day. But how hard is it to make a webpage? In this article, you will find out how to create a simple HTML webpage using Notepad.

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 drop down 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.

2. Now save the file with name and extension .html for example file name is index.html 

3.  HTML (Hypertext Markup Language) uses tags. 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.

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


 5. The next tag is <head>.The next tag, <title>, tells the browser what to put at the top of the window, and optional meta tags, tells search engines like Google what the site is about.

6.On the next line after your head tag, put a title: <title>my webpage</title>

  7. Now end your head by typing </head>


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


    9. 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 <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!

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

11.you probably don't want a webpage that's all plain text. So let's put in some formatting. <b> for bold text, <i> for italics, and <u> for underlining. Remember your end tags
 12. What really makes a website interesting is pictures. Even with formatting, who wants to look at endless words? Use the <img> tag to do this. But, like the body tag,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 widtheight are the width and height of the picture in pixels.!

13.To finish up, you need to end your body with </body>, and entire webpage with </html>

14.Save your work, making sure to save the file with '.html' at the end. Open the .html file in your favourite web browser to see how it looks. Congratulations! You just made a webpage.










Share it:
Reactions:
Next
Newer Post
Previous
This is the last post.

html

Post A Comment:

0 comments: