HTML Tutorials
Source code for creating a website using table:-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.01 Transitional//EN">
<html>
<head>
<title>Wesite using table</title>
</head>
<body style="margin: 0px; padding: 0px; font-
family: verdana;">
<table width="100%" style="height: 100%;"
cellpadding="10" cellspacing="0" border="0">
<tr><td colspan="2" width="200px"
style="height: 100px;" bgcolor="#ffff00"><h1
> Website</h1></td><td
colspan="2" width="20%" valign="bottom"
align="right" bgcolor="#ffff00">
<a href="#">Home</a> <a
href="#">About</a> <a
href="#">Services</a> <a
href="#">Contact</a> &n
bsp;<br></td></tr>
<tr><td colspan="4" valign="middle"
height="300" bgcolor="#a9ae9f" font-
size="40">
<marquee bgcolor="#cc0000" loop="-
1"scrollamount="10" width="100%"
height="100" valign="center" font-
size="40"><br><br>Welcome To Softque
Solutions</marquee></td></tr>
<tr><td width="25%" valign="top"
bgcolor="#ff0000">Website Development <br>
<p>
We are a leading website development
company, delivering high quality web
solutions throughout the world for years. Our
highly skilled developers deliver out of box
results including not only
eye catching elements, but GUI, originality,
ease of use & functioning
as well. We develop appealing and intuitive
web solutions to enhance your
customer base among your target audiences.
Our website development services are
focused not only to retain people's attentions,
but also to put an amazing long term
impression about your business.</p>
</td>
<td width="25%" valign="top"
bgcolor="#ff00ff">Webhosting Services <br>
<p>Website is online representation of your
business with complete contact information.
It is an online brochure where you can showcase
products and services.
It helps you highlight your business's unique
factors by pitching sales here.
You can interact with current and prospective
customers from your website and offer 24*7
support to them
It is platform to tell people about latest news,
advice and other opinions.
It is platform to attract new visitors through
digital marketing.
It helps you get unlimited leads 24*7.</p>
</td>
<td width="25%" valign="top"
bgcolor="#00ffff">Wes Application
Development<br>
<p>
Having a website is vital for any business in
this technology-driven world.
In this era of Internet and technology, where
any kind of product &
service can be accessed online, your
business website is the center of information &
interaction for your audience. We at D
Amies Technologies offer
high quality professional custom website
development services
to help your business enter into digitalized
world.
</p>
</td>
<td width="25%" valign="top"
bgcolor="#00ff00">Customer support<br>
<p>
Fast Development Process
Quality Check throughout the development
process
Test driven development
Team of experienced professionals
24*7 Support
Contact us now to share your requirements and
get a quote now!
</p>
</td>
</tr>
<tr><td colspan="2" align="center"
height="200px" bgcolor="#777d6a">contact
us:<br>Softque solutions <br>plno:120,road no
3 ,indian airlines<br>begumpet, hyderabad</td>
<td colspan="2" align="center" height=""
bgcolor="white"><form method=post
action="/cgibin/example.cgi">
Name <input type="text"
name="username"><br><br>
Email<input type="text"
name="email"><br><br>
Enter Your Comments:<br>
<textarea wrap="virtual" name="Comments"
rows=10 cols=40
maxlength=500></textarea><br><br>
<input type="Submit" value="Submit">
<input type="Reset" value="Clear">
</form></td>
</tr>
</table>
</body>
<html>
Source code for creating a website using div:---
<!DOCTYPE html>
<html>
<head>
<title>table using div</title>
<style type="text/css">
.divTable
{
display: table;
width:100%;
background-color:#eee;
border:0px solid #666666;
border-spacing:0px;
}
.divRow
{
display:table-row;
width:100%;
}
.divCell
{
float:left;
display:table-column;
width:100%;
font-size:20;
background-color:#ccc;
}
.divCell h1 {padding:10px 50px;}
.divCell a {padding:10px 10px; }
</style>
</head>
<body>
<form id="form1">
<div class="divTable">
<!--Header -->
<div class="headRow">
<div class="divCell"
style="height:100px;background-color:#ffba00;
width:30%;" >
<h1>Website</h1>
</div>
<div class="divCell"
style="height:100px;background-
color:#ffba00;width:70%;"margin:50px 10px
100px 2px; >
<a
href="C:\Users\SOFTQUE-
4\Desktop\htmldocument\html\home.html">Ho
me</a>
<a
href="#">About</a>
<a
href="#">Services</a>
<a
href="#">Contact</a> &n
bsp;
</div>
<!--nav-->
</div>
<div class="divRow"
style="height:200px;background-
color:#baff00;"><h2 align="right"font-
size="20"><a href="C:\Users\SOFTQUE-
4\Desktop\htmldocument\html\signup.html"><i
nput type="submit" value="SignUp"
></a> </h2>
<div class="divCell"
align="center"><marquee bgcolor="#cc0000"
loop="-1"scrollamount="10" width="100%"
height="100" valign="center" font-
size="40"><h1>Welcome To Softque
Solutions</h1></marquee>
</div>
</div>
<!--content-->
<div
class="divRow"style="height:400px;backgroun
d-color:#00baff;">
<!--content left-->
<div
class="divCell"style="height:400px;background
-
color:#00baff;width:23%;padding:10px;"><h2>
Website Development</h2>
<p>
We are a leading website
development company,
delivering high quality web
solutions throughout the world for years.
Our highly skilled developers
deliver out of box results
including not only eye
catching elements, but GUI, originality,
ease of use & functioning as
well. We develop appealing and intuitive
web solutions to enhance
your customer base among your target
audiences.
Our website development
services are focused not only to retain people's
attentions, but also to
put an amazing long term impression about your
business.
</p>
</div>
<!--content middle left-->
<div
class="divCell"style="height:400px;background
-
color:#00baff;width:23%;padding:10px;"><h2>
Web Hosting</h2>
<p>Website is online
representation of your business with complete
contact information.
It is an online brochure where you
can showcase products and services.
It helps you highlight your
business's unique factors by pitching sales here.
You can interact with current and
prospective customers from your website and
offer 24*7 support to them
It is platform to tell people about
latest news, advice and other opinions.
It is platform to attract new visitors
through digital marketing.
It helps you get unlimited leads
24*7.</p>
</div>
<!--content middle right-->
<div
class="divCell"style="height:400px;background
-
color:#00baff;width:25%;padding:10px;"><h2>
Application development</h2>
<p>
Having a website is vital for any
business in this technology-driven world.
In this era of Internet and
technology, where any kind of product &
service can be accessed online,
your business website is the center of
information &
interaction for your audience.
We at D Amies Technologies offer
high quality professional custom
website development services
to help your business enter into
digitalized world.
</p>
</div>
<!--content right-->
<div
class="divCell"style="height:400px;background
-color:#00baff;width:22%;padding:10px;
"><h2> Web Services</h2>
<p>
Fast Development Process
Quality Check throughout the
development process
Test driven development
Team of experienced
professionals
24*7 Support
Contact us now to share your
requirements and get a quote now!
</p>
</div>
</div>
<!--footer-->
<div
class="divRow"style="height:200px;backgroun
d-color:#ffbaff;">
<div
class="divCell"style="height:500px;background
-color:#ffbaff;
width:47%;align:center;padding:20px"><br><h
3>contact us:</h3><br>Softque solutions
<br>plno:120,road no 3 ,indian
airlines<br>begumpet, hyderabad</div>
<div
class="divCell"style="height:500px;background
-
color:#ffffba;width:47%;align:center;padding:2
0px"><form method=post
action="/cgibin/example.cgi">
Name <input type="text"
name="username"><br><br>
Email<input type="text"
name="email"><br><br>
Enter Your Comments:<br>
<textarea wrap="virtual" name="Comments"
rows=10 cols=40
maxlength=500></textarea><br><br>
<input type="Submit" value="Submit">
<input type="Reset" value="Clear">
</form></div>
</div>
</div>
</form>
</body>
</html>
