If you want to learn how to design a webpage in HTML then let me tell you that this is no rocket science. Anyone with a will to learn something new can learn about it in a few weeks. However, if you are in hurry then I have got something special for you. In this post, I will guide you about creating your first ever webpage in HTML. All you need to do is to keep following my guidelines and by the end of this post, we both will have a brand new HTML webpage crafted with our own hands.
I will start with basic things to give you an idea about the components of an HTML webpage.
If you have seen HTML codes before you must have seen such brackets “<>” in those codes as well. The content that is present in those brackets is called tag. We will talk about tags later in this post when we will actually use them for creating our HTML page.
Structure of HTML page elements
The structure of the HTML page is defined with the help of these tags. Different tags have different functions like a <b> tag will make the text look bold. The word “Bold” without <b> tag will look like “Bold” but when we surround it with tags like “<b>Bold</b>”, it becomes “Bold”.
Let’s get down to designing our page now
Open your text editor (Notepad) and enter the following code. You can use notepad ++ and also dream viewer.
<html> = Opening of HTML codding
</html> = Ending of HTML codding
These tags tell the computer that we are going to design an HTML page and anything between both these tags will be HTML content.
There are two main parts of any HTML page the Head part and the Body part. The content in your head part will not be visible on your webpage because your enter information visible to search engines in that part. The Title of your webpage is also inserted in head part so search engines can find it easily.
The text that will be inserted in the Title element will be shown at very top of your web page. You should add a title manually because if you will not do so, the URL of your page will be shown instead.
The main part of your HTML webpage is the body section. The section is defined with tags <body> </body>. Anything between these tags will the content of your web page. Below is how a simple HTML page looks like.
<title>My first HTML page</title>
I hope you’re having as much fun reading this as I had writing it!
Save your webpage
The next thing that you need to do is to save your webpage. Since we are using Notepad to write our HTML code, we will go to files and then find “Save As” option. When your computer prompts you to give a name to the file then make sure to save it with proper extension. The right extension for an HTML page will be .html. You can give this name to your file “mypage.html” and then click on save as.
Seeing your Webpage
Of course, you will definitely want to take a look at how your webpage looks like right? Just go to the folder in your computer where you had saved that html file and double click on it. This file will open in web browser instead of notepad. Congratulation my friend, you have just created your very first HTML web page. This is just an easy method to create a simple home page in HTML. You can use other tags to create a good page and add more colours using CSS. I hope you have learned few things from it.