What is HTML?
HTML is the most common website programming language available. If you visiting a website, then there is a very high chance that it will have been written in HTML.
HTML stands for
Hyper
Text
Markup
Language.
The language itself consists simply of small markup tags which instruct a web browser such as Internet Explorer or Firefox, how to display the webpage.
A HTML webpage must always have a extension of .
HTML or
.HTM otherwise web browsers will not recognize that it has to load the webpage formats.
So, now we know the basics of what HTML stands for and what it is used for. We will now move on to how you can create your own simple webpage using HTML.
One of the easiest ways you can begin writing HTML is by using
notepad that in integrated into the Windows Operating System. Other methods involve using Macromedia Dreamweaver or notepad++ . There are many other editors available on the market.
For the purpose of this walkthrough, we will be using Notepad.
Open Notepad.
Click Start > All Programs > Accessories > Notepad.
The first line of code that we will need will be
<html>. This markup tag will instruct your browser that it should begin reading the code and is the beginning of the HTML markup.
Type the rest of the following code into notepad under the <html> tag:
HTML Code:
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage, which uses HTML. <b>This text is bold</b>
</body
</html>
Explanation of
Markup Tags:
<html>: This defines the beginning of the HTML Document.
<head>: This is the header information.
<title>: This shows the title of the webpage in the bar along the top of the screen
</title>: Ends the title tag.
</head>: Ends the head tag.
<body>: This is the content of the actual webpage. This is shown in the web browser's content area.
<b>: This tag makes the text bold.
</b> Closes the bold tag.
</body>: This tells the browser that there is no further content to be displayed in the content area.
</html>:Instructs the browser that there is no further HTML present.
Now, we will see what effect this code has in a web browser. Save the document. We need to make sure that the extension is .
html or
.htm otherwise our browser will not load it.
File > Save As... and enter
mypage.html in the
File Name Field.
Open your favourite web browser and Click
File > Open and search for the location you saved the file we have just created.
Double click it to open it. Alternatively, you can
Right-Click the icon and expand
Open-With: and select the Web Browser you prefer.
It should be now shown in the browser.
Congratulations. You have just created your first webpage!