Tuesday, December 18, 2018
HOW TO CREATE HTML PAGE|STEP BY STEP GUIDE
In this lesson, I am going to take you by hand and walk you through on creating your first HTML page. Bear in mind that HTML files are text files, so you have to have a good text editor e.g sublime text, notepad++, Dreamweaver, Brackets, VS code, etc. This will make it easier for us to create an HTML page. Let’s now go into the various steps on creating an HTML page.
STEP BY STEP GUIDE ON CREATING HTML PAGE
STEP ONE
Open your text editor, in this lesson I will be using sublime test. This does not in any way imply that it is the best, but in this lesson, I’m going to be using it. You can use anyone as long as it is a text editor. Open it on your Laptop or computer. Once opened, it will look like this:
STEP TWO
Type the fundamental html document structure you learnt in lesson one into your text editor. That is,
<html>
<head>
</head>
<body>
</body>
</html>
It will look like this
STEP THREE
Between <body> and </body> tags add any text of your choice. For example:
<html>
<head>
</head>
<body>
I am a coding lioness
</body>
</html>
It will look like this
STEP FOUR
Save it as (any name of your choice) .html or .htm. To save it, click on 'file' and then click on ‘save’ or ‘save as’
Remember to add the extension .html or .htm before you save it into any folder you can easily locate.
STEP FIVE
Go to the folder you saved your first HTML document and open it with chrome or a good web browser.
The below will appear and it is called a web page.
STEP SIX
If you want to give your webpage a title, then you have to add the title element. Title element will help you describe what your page is all about. To add the title element, add title tags between <head> and </head> tags.
For example, if I want to name my web page ‘HOME PAGE’ then I do this below
<html>
<head>
<title>HOME PAGE</title>
</head>
<body>
I am a coding lioness
</body>
</html>
WRAPPING UP
I believe you’ve learned how to create your first web page. Practice it as many times as possible so that it becomes easier and simpler. In our next lesson, I will be teaching you HTML basics which will help you to build a website. In case you have any question, contribution or observation, feel free to use the comment box below
I believe you’ve learned how to create your first web page. Practice it as many times as possible so that it becomes easier and simpler. In our next lesson, I will be teaching you HTML basics which will help you to build a website. In case you have any question, contribution or observation, feel free to use the comment box below
Subscribe to:
Post Comments
(
Atom
)
No comments :
Post a Comment