Building a simple web page

5 of 9

by Mad Killer

Created on: February 14, 2011

How to build a simple webpage? Well, its not as hard as you think. In this article, i will guide you along making a simple web page using HTML. What is HTML? HTML stands for HyperText Markup Language, developed by w3.

Step 1 A suitable software package: I develop websites with Adobe Dreamweaver because it is powerful, yet easy to use but if you wish to use a free software then i would suggest notepad ++ or context. Both are free and easy to use.

Step 2 Understanding the HTML syntax: HTML consists of Markup Tags such as <>. Here is an example of what a simple HTML code looks like: <!DOCTYPE HTML> <html> <head><title> My first HTML website</title> </head> <body> <p> First paragraph</p> <br /> <p>Another paragraph</p> </body> </html>

In the above example, we see that each word is embedded inside a "Tag". HTML tags normally come in pairs such as <p> </p>. The first <p> is a start tag and </p> is an end tag. So, by now, you should have experienced some basic HTML and you are now ready to code your very first HTML website!

Step 3 Coding: Before i code, i would visualize what i want the website to look at but in this case, a basic layout is sufficient. To start off, add these two HTML tags to your editor: <html></html>. Next in between <html> and </html> add <head></head>, in between add <title></title>. After adding those, in between <title> and </title>, Make up a name for your website, for example: My very first website. Next, add these two tags below the <head></head> tags. <body></body> and in between these two tags, insert some <p> elements in it and type any text to it. It will act like a paragraph. Don't forget to close your tag! Now, lets make a nice heading at the top of the page shall we? Okay, below <body> and after <p>, add <h1></h1> in there. This basically means heading 1 and it will set a font size of 34px to the text. Now, there you go, you got yourself a clean website with a nice big header at the top!

Your final code should look like this: <html> <head><title> My first HTML website</title> </head> <body><h1>Hello all</h1> <p> First paragraph</p><p>Another paragraph</p> </body> </html>

Congratulations on making your first ever simple webpage!

Learn more about this author, Mad Killer.
Click here to send this author comments or questions.

Below are the top articles rated and ranked by Helium members on:

Building a simple web page

View All Articles on: Building a simple web page