E Commerce Record

1) Write Html Program on Heading Tags
<html>
<head>
<title>heading tags</title>
</head>
<body>
<center>
<h1>e-commerce</h1>
<h2>e-commerce</h2>
<h3>e-commerce</h3>
<h4>e-commerce</h4>
<h5>e-commerce</h5>
<h6>e-commerce</h6>
</center>
</body>
</html>

OUTPUT:

2) Write Html Program on Font Tag

<html>
<head>
<title>Font tag</title>
</head>
<body>
<font size="35" color="green" align="right" face="verdana" >
Do not read success stories you will get only message....
Read failure stories, you will get some ideas to get success..!!
</font>
</body>
</html>

OUTPUT:

3) Write a html program on paragraph, strong, bold, italic, em and
underline
<html>
<head>
<title>Formatting tags</title>
</head>
<body bgcolor="pink">
<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><i>This text is italic</i></p>
<p><em>This text is emphasized</em></p>
<p><u>This text is underlined</u></p>
</body>
</html>

Output:

4) Write a html program on superscript and subscript

<html>
<head>
<title> superscript and subscript </title>
</head>
<body>
<h2>Equations</h2>
x<sup>2</sup>+y<sup>2</sup>=2<sup>Z</sup>
<br>
(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab

<h2>Chemical equations</h2>
2H<sub>2</sub>+O<sub>2</sub>=2H<sub>2</sub>O
<br>
Na+Cl<sub>2</sub>=NaCl<sub>2</sub>
</body>
</html>

OUTPUT:

5) Write a html program on ordered list

<html>
<head>
<title>Order list</title>
</head>
<body>
<h2>4 p's in marketting</h2>
<OL>
<li>Product</li>
<li>Place</li>
<li>Promotion</li>
<li>Price</li>
</OL>
</body>
</html>

OUTPUT:

6) Write a html program on unordered list
<html>
<head>
<title> Unordered list </title>
</head>
<body>
<h2>Hardware devices</h2>
<UL type=circle>
<li> Keyboard </li>
<li> Mouse </li>
<li> Motherboard </li>
<li> Printer </li>
</UL>
</body>
</html>

OUTPUT:

7) Write a html program on definition list
<html>
<head>
<title> Definition list </title></head>
<body>
<h2>
<DL>
<DT> HTML </DT>
<DD> Hyper text markup language </DD>
</DL>
<DL>
<DT> WWW </DT>
<DD> World Wide Web </DD>
</DL>
<DL>
<DT> ISP</DT>
<DD>Internet Service Provider </DD>
</DL>
</h2>
</body>
</html>
OUTPUT:

8) Write a html program on nested list.
<html>
<head>
<title>Computer fundamentals</title>
<body>
<h3>
<OL>
<li>Hardware devices
<UL type="circle">
<li>keyboard</li>
<li>motherboard</li>
</UL>
</li>

<li>Software
<UL type="circle">
<li>Application software
<OL type="a">
<li>MS-Office</li>
<li>C-Programming</li>
</OL>
</li>
<li>System software

<OL type="a">
<li>Operating system</li>
<li>Utility Programmes</li>
</OL>
</li>
</UL>
</li>
<li>Networking
<UL type="circle">
<li>Protocols
<OL type="i">
<li>FTP</LI>
<li>TCP/IP</li>
</OL>
</li>
<li>Topologies
<OL type="i">
<li>Star</li>
<li>Ring</li>
</OL>
</li>
</UL>
</li>
</OL>
</h3>
</body>
</head>
</html>

OUTPUT:

9) Write a HTML Program on adding images on Web page
<html>
<head>
<title>Adding Images</title>
</head>
<body>
<center><h1>Hyderabad Wonders</h1></center>
<img src="img1.jpg" height="40%" width="40%">
<img src="img2.jpg" height="40%" width="40%"><br>
</body>
</html>

OUTPUT:

10) a)Write a html program to apply background color
<html>
<head>
<title> Background color </title>
</head>
<body bgcolor=green>
<center>
<h1>
WELCOME TO BBA II YEAR WEBSITE
</h1>
</center>
</body>
</html>

OUTPUT:

10 b) Write a html program to add Image in the background
<html>
<head>
<title> Image </title>
</head>
<body background=flowers.jpg>
<font color="BLUE">
<h1>WELCOME</h1>
</font>
</body>
</html>

OUTPUT:

11) Write a HTML program on tables(<table>,<tr>,<th><td> tags).
<html>
<head>
<title>TIME TABLE</title>
</head>
<body>
<center><h1>
<font color="Red">STUDENT TIME TABLE</font></h1></center>
<table border=15 bordercolor=green align="center" height="500"
width="500">
<tr>
<th>day/period
<th>1st Hour
<th>2nd Hour
<th>3rd Hour
<th rowspan=7 width=30> <b><br>B<br>R<br>E<br>A<br>K</b>
<th>4th Hour
<th>5th Hour
<th>6th Hour
</tr>

<tr>
<td><b>Monday</b>
<td>FM
<td>AFM
<td>BS
<td>OR
<td>BLAW
<td>ECommerce
</tr>

<tr>
<td><b>Tuesday</b>
<td>FM
<td>AFM
<td>BS
<td>OR
<td>BLAW
<td>ECommerce
</tr>

<tr>
<td><b>Wednesday</b>
<td>FM
<td>AFM
<td>BS
<td>OR
<td>BLAW
<td>ECommerce
</tr>

<tr>
<td><b>Thursday</b>
<td>FM
<td>AFM
<td>BS
<td>OR
<td>BLAW
<td>ECommerce
</tr>

<tr>
<td><b>Friday</b>
<td>FM
<td>AFM
<td>BS
<td>OR
<td>ECommerce
<td>Library
</tr>

<tr>
<td><b>Saturday</b>
<td>FM
<td>AFM
<td>BS
<td>OR
<td colspan=2>E Commerce LAB
</tr>
</table>
</body>
</html>
OUTPUT:

12) Write a HTML program to create registration form using form
elements.
<html>
<head>
<title>Registration form</title>
</head>
<body bgcolor="blue">
<h1><center><font color="red">Registration Form</font></center>
</h1>
<h2><form>
Enter Name: <input type="text"> <br>
Enter Password: <input type="password"> <br>
Gender:<br>
<input type="radio" name="g"> male <br>
<input type="radio" name="g"> female <br>
Father's Name: <input type="text"> <br>
Email Id: <input type="text"> <br>
Mobile Number: <input type="text"> <br>
Qualification:<br>
<input type= "checkbox"> SSC <br>
<input type= "checkbox"> Intermediate <br>
<input type= "checkbox"> Degree <br>
City:
<select>
<option> Hyderabad </option>
<option> Pune </option>
<option> Mumbai </option>
<option> Banglore </option>
</select> <br>
<input type="submit" value="submit"> <br>
<input type="reset" value="refresh">
</form>
</h2>
</body>
</html>

OUTPUT:

13) Write a HTML program on hyperlinks.
<html>
<head>
<title>hyperlinks</title>
</head>
<body background=photo.jpg">
<h1><font color="red">
<center>BBA II YEAR WEBSITE</center>
</font></h1>
<h1>
<a href="home.html">Home</a><br><br><br><br>
<a href="timetable.html">Time Table</a><br><br><br><br><br>
<a href="registration.html">Registration form</a><br><br><br><br>
</h1>
</body>
</html>

Save above file as main.html.
The output is as follows:

OUTPUT:

When you click on Time table link in above output it will display
following output:

When you click on Registration form link it will displays following
output:

14) Write a html program on inline style sheet
<html>
<head>
<title>Embedded styles/Internal Styles</title>
</head>
<body>
<center>
<h1 style="text-decoration:underline;color:red">Save Environment</h1>
<h1 style="text-decoration:overline;color:green">Reduce,Reuse,Recycle</h1>
<h1 style="text-decoration:line-through;color:blue">Donot Cut Trees</h1>
<h1 style="text-decoration:none;color:pink">Save trees</h1>
</center>
</body>
</html>

OUTPUT:

15) Write a html program on Internal style sheet or embedded style
sheets
<html>
<head>
<title>Embedded styles/Internal Styles</title>
<style>
h2
{
text-align:center;
font-size:45;
color:blue;
background-color:pink;
}
h3
{
text-align:left;
font-size:35;
color:yellow;
background-color:green;
}
h4
{
text-align:right;
font-size:30;
color:red;
background-color:yellow;
}
</style>
</head>
<body>
<h2>ST Joseph's Degree college</h2>
<h3>Center For Knowledge</h3>
<h4>Provides good education</h4>
</body>
</html>

OUTPUT:

16) Write a Html program on Division tag
<html>
<head>
<title>Division Tag</title>
</head>
<body>

<div id="container" style="width:1000px">

<div id="header" style="background-color:#FFA500">
<h1 style="margin-bottom:0;text-align:center">
BBA II YEAR WEBSITE
</h1>
</div>

<div id="menu" style="backgroundcolor:#FFD700;height:500px;width:100px;float:left>
<br><br><br>
<b>Home<br><br><br>About Us<br><br><br>Gallery</b>
</div>

<div id="content"
style="backgroundcolor:#EEEEEE;height:500px;width:900px;float:left">
<b><center>
FUTURE MANAGERS
</center></b>
</div>

<div id="footer" style="background-color:#FFA500;clear:both;height:40px;
text-align:center">
<b>
Copyright bba.josephites.2015@gmail.com
</b>
</div>

</div>
</body>
</html>

OUTPUT:

17) Write CSS Program on External style sheet
Main.html:
<html>
<head>
<title>styles</title>
<link rel="stylesheet" type="text/css" href="ex1.css"/>
</head>
<body>
<h1>TATA&CO. LTD</h1>
<h2>it contains five paragraph of text having adifferent fontsize,
fontcolor,fontfamily,background color and applying

scrolling headings with image as logo <br>it is used as header section then <br>this style
sheet is known as internal

style sheet.</p>
<h3>it contains five paragraph of text having a different fontsize,
fontcolor,fontfamily,background color and applying

scrolling headings with image as logo <br>it is used as header section then<br> this style
sheet is known as internal

style sheet.</h3>
<h6>it contains five paragraph of text having a <br>different fontsize,
fontcolor,fontfamily,background color<br>and

applying scrolling headings with image as logo <br>it is used as header section the<br>
this style sheet is known as

internal style sheet.</h6>

</body>
</html>
Save above program as main.html

Ex1.css:
h1
{
background-color:purple;
color:red;
text-align:center;
}
h2
{
font-size:15;
color:red;
background-color:yellow;
}
h3
{
font-size:15;
color:yellow;
background-color:green;
}
h6
{
text-align:center;
font-size:15;
font-family:Arial;
color:maroon;
background-color:cyan;
}

Save above program as ex1.css

OUTPUT:

18) Write CSS Program on border properties using internal style
sheet

<html>
<head>
<title>Border properties</title>
<style>
p
{
border-style:solid;
border-width:5px;
border-color:red;
}
h2
{
border-style:inset;
border-width:15px;
}

h3
{
border-style:outset;
border-width:15px;
}
h4
{
border-style:double;
border-width:10px;
border-color:green;
}
</style>
</head>
<body>
<p>Some text.</p>
<h2>Some text.</h2>
<h3>Some text.</h3>
<h4>Some text.</h4>
</body>
</html>

OUTPUT:

E Commerce Record

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

E Commerce Record

Uploaded by

Copyright:

Available Formats

1) Write Html Program on Heading Tags

You might also like