Basic HTML
HTML stands for Hyper Text Markup Language. Every single person who wish to
make webpage should know about it. To get started, Open your Notepad or any
other Text Editor.
Always remember that, a webpage always starts with,
<html>
<head>
<title>Your website title goes here</title>
</head>
<body>
and ends with,
</body>
</html>
Body
You can do a lots of thing with the BODY tag. You can add backgroung color to it. Suppose you want to use black as your background color, you will have to insert the code below.<body bgcolor="#000000">
#000000 stands for black. It's a hex color. You also can insert an image in the background of your site.
<body background="background.gif">
There are also others things you can do with the BODY tag. Such as you can tell it what should be the link color, active link color, visited link color, etc. This is how you do it:
<BODY bgcolor="#000000" text="#FF0000" link="#FF0000 alink="#FF0000"
vlink="#FF0000" background="image.gif">
*alink=active link; vlink=visited link;
Text
When you put some text in your webpage, it's usually Times New Roman, 12pt size, and black font. But you can change it. To change it, your will need use the FONT tag. The font tag start with <font> and ends with </font>. Assume you want to use the font TIMES, red color, size 14:<font face="TIMES" size="14" color="#FF0000">Your text goes here</font> and which will output,
Your text goes here
To make the text bold
<b>I am bold!</b>
To make it italic
<i>I am italic!</i>
To make it underline
<u>I am underline!</u>
To make it strike
<s>I am strike!</s>
Images
A site without any image looks really bad. So, you might thinking about inserting images in your webpages. Inserting an image isn't hard at all. All you do is use the IMG tag. This is how it works,<img src="picture.gif" border="0" height="50" width="100"> which will output,
You also can mention the height and width of the image. As a matter of fact, you always should state the height and width of an image because if you don't, it will take more time to load the image since the brower doesn't know what's the exact size of the image..
Well, that's the very basic of HTML. Hope, you understand it. If yes, you are ready to make your first webpage!!! Next tutorial, learn how to link a page.
You can do a lots of thing with the BODY tag. You can add backgroung color to it. Suppose you want to use black as your background color, you will have to insert the code below.
Text
When you put some text in your webpage, it's usually Times New Roman, 12pt size, and black font. But you can change it. To change it, your will need use the FONT tag. The font tag start with <font> and ends with </font>. Assume you want to use the font TIMES, red color, size 14:
<b>I am bold!</b>
To make it italic
<i>I am italic!</i>
To make it underline
<u>I am underline!</u>
To make it strike
<s>
Images
A site without any image looks really bad. So, you might thinking about inserting images in your webpages. Inserting an image isn't hard at all. All you do is use the IMG tag. This is how it works,
You also can mention the height and width of the image. As a matter of fact, you always should state the height and width of an image because if you don't, it will take more time to load the image since the brower doesn't know what's the exact size of the image..
Well, that's the very basic of HTML. Hope, you understand it. If yes, you are ready to make your first webpage!!! Next tutorial, learn how to link a page.
