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.
Tags
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.
<html>
<head>
<title>My first HTML page</title>
</head>
<body>
<b>Hello!</b>
I hope you’re having as much fun reading this as I had writing it!
</body>
</html>
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.
