A simple web page for beginners in html

rajesanthu -3 794 Views

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

Arkinder commented: deprecated attributes, lack of doctype, lack of explanations, encourages browser testing with IE, and is relatively useless. +0
ndeniche commented: Why use a span tag when you can operfectly use a div? Besides, I was epecting to find something more of a layout than a disappointing tutorial. -2 
<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*/
Member Avatar for adver2
adver2 0 Newbie Poster

use your style in external css file

Member Avatar for FutureWebDev
FutureWebDev 0 Light Poster

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

Member Avatar for chriswelborn
chriswelborn 63 ...

Why would you use Comic Sans? :P

P.S. - All those CSS style comments in the body?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

Edit Preview