954,604 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?

A simple web page for beginners in html

By Rajeesh.N.Santhu on Dec 15th, 2010 11:49 am

SIMPLE HTML PROGRAM FOR BEGINNERS
NB:Excuse me experts,,this is for beginners

1.Copy the file
2.paste it in a new notepad
3.save it with .html/.htm extension
4.chose file type as all type
5.after saving you will find an internet explorer symbol with the name that you'v given
while saving,,double click it.
6.Your page will be opened...

Points to ponder
1.Set the url for background image and other images.....
2.Set your own title for the page
3.change the contents of the body

Try it/............
Thanks....
This is your Friend.........
Rajeesh.N.Santhu

<html>/*Page starts here*/
<head>
<title>My Example</title>/*The content of this tag is displayed as page name*/
<style>/*start of internal style definitions*/
.heading/*defining class heading*/
{
font-family:Comic Sans Ms;
font-size:30pt;
color:orange;
text-align="center";
}
.subheading/*Defining class subheading*/
{
font-family:Courier New;
font-size:20pt;
color:blue;
text-align="left";
}
.details/*defining class details*/
{
font-family:Courier New;
font-size:13pt;
color:black;
text-align="justify";
}
</style>/*Style definitions ended*/
</head>
/*web page body starts from here*/
<body background="url of your image">/*Please provide the exact url of image*/
<span style='position:absolute:left:120px;top:5px;width:990px;height:1156px;'>
<p class="heading">HOME PAGE</p>
<hr/>/*Horizantal rule...just a horizontal line covers the entire width*/
<br/>/*leaves a new line*/
<p class="subheading">/*uses the style of class subheading*/
WELCOME TO MY PAGE</p>
<p class="details">/*Uses the style of class details*/
Hello this is the demonstrational webpage for beginners in HTML
</p>
<img src="url of some image"/>/*inserts an image*/
<table width="200" height="100">/*Inserts a table*/
<tr>/*Inserts a new row in table*/
<td>Hello</td>
<td>Welcome</td>
</tr>
</table>/*Table ends here*/
</span>/*Span ends here*/
</body>/*End of body*/
</html>/*End of HTMl*/

use your style in external css file

adver2
Newbie Poster
1 post since Dec 2010
Reputation Points: 10
Solved Threads: 0
 
use your style in external css file


Why would he use an external styles sheet to set styles for just one page that will never be used?

FWD

FutureWebDev
Light Poster
33 posts since Dec 2010
Reputation Points: 10
Solved Threads: 0
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You