HTML actually stands for Hyper Text Markup Language, and is composed of tags. It is a language commonly used in the internet www. Every HTML file must end either with a .htm or .html extension.
Getting started
Firstly, every html file must begin and end with the following tags :
<html>
<head>
<title>Title of page</title>
</head>
<body>
content of your site
</body>
</html>
Between the <title></title> tags, you will put in your own site title which will be visible at the top of the web browser. All javascripts and css code must be insert after the <title></title> tags and before the </head> tag. You may put in the main content of your site between the <body></body> tags and do not put anything after the </html> tag.
Tags
If you haven't noticed yet, the slash / ends a tag and every tags have to end with a </> . Now you will be introduce to some of the most common tags used in web pages.
<br> - To start on a new line
<p> - To skip a line and start a new paragraph
<center> - To align text to the center
</center> - To end centering the text
Text
Inserting normal text doesn't need any special tags, but if you want to do some effects to the text you will need to use tags. Without any tags, the text will come out as the default text, usually Times New Roman.
<b> Text here </b> - By inserting text in between a <b> tag, you text will appear BOLD
<u> Text here </u> - By inserting text in between a <u> tag, you text will be Underlined
<i> Text here </i> - By inserting text in between a <i> tag, you text will appear Italic
<s> Text here </s> - By inserting text in between a <s> tag, you text will have a Line Through
<tt> Text here </tt> - By inserting text in between a <tt> tag, you text will have a Type Writter effect
To change the font or the color of the text, you need to use the following tags:
<font face="arial" color="#000000" size="3"> Text here </font>
It will appear as Text here
By inserting the text between the <font> tag above, the text will appear as the font Arial and color black with a text size of 3. You can replace them with the font and color you want to use.
To change the size of a text you can either insert size=" value here " into the <font> tag or by using the <h> tag
<h1> This text is in H1 </h1> -
<h2> This text is in H2 </h2> -
<h3> This text is in H3 </h3> -
<h4> This text is in H4 </h4> -
<h5> This text is in H5 </h5> -
<h6> This text is in H6 </h6> -
Changing background
To change the background color, add bgcolor="color value" into the <body> tag.
<body bgcolor="#000000"> - with this tag, the background color of your site will become black.
To use an image as a background, try this tag:
<body bgcolor="#000000" background="image-url.jpg">
To fix the background to a page so that it doesn't move (need in a frame), try this tag:
<body bgcolor="#000000" background="image-url.jpg" bgproperties="fixed">
Adding images
To add images to your site, you must insert a code like this :
<img src="url-of-image.jpg" width="?" height="?" alt="description of image when move over">
Change the url of the image and replace the ? to the width and height of the image you want to insert. Put a description of the image in the alt tag, so that when you put your mouse over the image, you will be able to see the description of the image.
Adding links
To add a normal text link, this code must be present :
<a href="url-link-to.html"> Link here </a>
To link an image, change the value of the border to 0 if you do not want any border around the image.
<a href="url-link-to.html"> <img src="url-of-image.jpg" width="?" height="?" alt="description" border="1"> </a>
When you have a frame layout, you have to name the frame where all your content will go, for example, name it main. When you have links outside the main frame that you want to appear in the main frame, you have to insert this code.
<a href="url-link-to.html" target="main"> Link here </a>
Basically you just change the the value inside the target code to whatever you name your frame. If you links are inside the frame you want it to appear, the target code is not necessary.
