Tuesday, March 15, 2011

how to create a basic html page

welcome dear reader, today i am going to explain to you how to create a basic page in html which is one of most widely used pages for implementation of web sites.

To begin with , i am going to use this code for writing comments /* comments to be placed here*/

A basic html page  may comprise of  the following codes :

 /*start of codes*/
<html>

<body>

<h1>This tag is for header h1.</h1>
<h2>You can change the value from h1 to h4 and so on to see their effects</h2>
<h3>This tag is for header h3.</h3>


<p>This tag p is for paragraph</p>
<p align="left">This pararaph is aligned left</p>
<p align="center">This pararaph is aligned center</p>
<p align="right">This pararaph is aligned right</p>
<p><font color="blue">The font color of texts in this paragraph is blue </font></p>

<img src="image.jpg"/>

</body>
</html>
 

 /*end of codes*/

Now to publish this page on the browser available  (IE, firefox, Opera,...) on your computer ,you just need to copy the lines between the comments in red (   /*start of codes*/..... /*end of codes*/) . You paste the selected lines on notepad( you can also use a wordpad..).


Note that each tag when opened must be closed as well.However there may be some exceptions.
 Also to view the image, the image image.jpg must be found in the same folder of the web page.
 Below is the image:


Then you save the page as WebPage.html , where WebPage   is the name of your web page(you can rename it ) and do not forget that the extension must be .html  and you need to save it just as below.




That's all, you have created you first web page.You then just need to click on the file to preview it on your default browser .
Below is a preview of your first web page.




Gud luck ,Other notes coming soon...