Article

How to Create a Very Simple Basic Web Page

Written by Nick Hatton

Topic: LearningPublished June 17, 2011
No ratings yet680 viewsSign in to rate
Before I start for the extra spaces between the < and > should be removed. You can create simple web pages without the need for special software, but there some key things to do need to have or know.

  1. Notepad or some other text editor.
  2. Know what type of webpage you are going to create, e.g. html, php, asp.
  3. You need have the will power to learn some basic html coding.

After you have installed and open Notepad or another text editor they are some key ingredients that go in to make a valid website.

  1. When using HTML tags you need to remember what you open has to be closed.
  2. All Tags are in lower casing e.g. < tagname > is correct but < TAGNAME > isn’t.
  3. When linking to files or different URL address to place the link inside speech marks.

That’s the real basics that you need to know about creating a web page. So lets start on the fun part now, creating the web page.
To create the page that allows people to view it you have to start you page with this coding
< html >
< body >
This allows for peoples browsing software to pick up that the file they are viewing is a html file and there is contents to be shown.
As stated before what tags you open you have to close so at the end of your web page you have to have this code.


If you notice when using tag they are closed in reviser order meaning the last one opened is the first one closed e.g. < strong > < u > my heading < /u > < /strong >
Once you learn that then creating a web page becomes a lot easier. Now for the more interesting part, when you have your main html and body tags set up you can start formatting the layout of your page and inserting images.
You see the code before that uses the tags strong and h1 these are text/word changing tags the strong tag makes the text bold and the u tag underlines the text.
So if you put together the code we have used so far you page will look like
< html >
< body >
< strong > < u > my heading < /u > < /strong > < /body >
< /html >
This will display a plain page with the words “my heading” on it that is bold and underlined. This is very simple stuff it can help you learn a lot more when you understand how the tagging works and how to layout your html coding.
If you are going to create PHP files then you will still need the HTML tags in but then when you start to use your PHP code you will need to open and close the tags like other normal tags but PHP is dfferent slightly in that when you open the tag you don’t put brackets around it e.g. < ?php echo “this is my php code”; ? >
If you look closely at the tags you will notice that they open and close with a question mark and the php after the question mark is just there to tell the web browser that the code that follows is php some times the php part after the question mark can be left out but this is bad practice and shouldn’t really be done.
So if you wanted to create a simple php web page then your code would look like this
< html >
< body >
< strong > < u > < ?php echo “this is my php code”; ? > < /u > < /strong > < /body >
< /html >
This code and the code above would produce the exactly the same page. The only thing that would be changing is the file name of the pages, the plain HTML page name would be index.html and the PHP coded page will have the fail name index.php this is to tell the web browser what type of file is being viewed. If you don’t change the file name for the PHP coding page the PHP scripts that you use will not be processed and wont work.

Article author

About the Author

Advice provided by Nick Hatton of L1 Computers providing Liverpool PC repair and Liverpool laptop repair with a service you are sure to be pleased with.

Further reading

Further Reading

4 total

Article

Small changes in study habits can make academic work more manageable and productive. This article explores practical ways students can organize their time, track progress, and build consistent routines.

August 29, 2026

Article

Design has been at the centre of our perception of information, brands and entertainment in the world that is now digital first. Whether you browse social media, watch YouTube videos, or pass a billboard, you probably have encountered both visual communication design and graphic design, yet most likely, you were not aware of the distinction between the two. Although these two fields are closely related and in many instances overlap, they have different purposes and require di

July 21, 2025

Article

Learning to play the guitar is an exciting and rewarding experience. Whether you’re a complete beginner or have been playing for years, guitar lessons can help you unlock your full musical potential and take your skills to the next level. But what exactly do guitar lessons offer, and how can they benefit you? Let’s dive in! 1. A Structured Learning Path One of the biggest advantages of taking guitar lessons is the structure they provide. While it’s easy to get lost in the s

February 1, 2025

Article

One of the most important choices you will make as a parent is which school to send your child. Your child's intellectual and psychological growth might be greatly impacted by the educational board they choose. A lot of parents choose the Central Board of Secondary Education(CBSE) over the other educational boards that are available in India. We will discuss the benefits of selecting a CBSE school for your child's education in this article, especially if it's a CBSE school in

November 21, 2024