E-Commerce File

GAURAV AGGARWAL E-COMMERCE LAB FILE 06121101721
PRACTICAL NO 1
AIM: Create a web page which displays a message “This is my first web
page “using different level of headings”.
SOURCE CODE:
<html>
<head>
<title>Practical 1</title>
</head>
<body>
<h1>This is my first web page</h1>
</body>
</html>
OUTPUT:
1
PRACTICAL NO 2
AIM: Write down brief history of web browser, search engine and html.
SOURCE CODE:
OUTPUT:
WEB BROWSER:-
A web browser (also referred to as an Internet browser or simply a browser) is application
software for accessing the World Wide Web or a local website. When a user requests a web
page from a particular website, the web browser retrieves the necessary content from a web
server and then displays the page on the user's device.
HISTORY:
Precursors to the web browser emerged in the form of hyperlinked applications during the
mid and late 1980s, and following these, Tim Berners-Lee is credited with developing, in
1990, both the first web server, and the first web browser, called Worldwide Weband later
renamed Nexus. Many others were soon developed, with Marc Andreessen's
1993 Mosaic (later Netscape), being particularly easy to use and install, and often credited
with sparking the internet boom of the 1990s. Today, the major web browsers
are Chrome, Safari, Internet Explorer, Firefox, Opera, and Edge.
TYPES AND EXAMPLES:
1. Internet Explorer
2. Google Chrome
3. Mozilla Firefox
2
4. Safari
5. Opera
6. Konqueror
7. Lynx
SEARCH ENGINE:
A search engine is a software system that is designed to carry out web searches. They search
the World Wide Web in a systematic way for particular information specified in a
textual web search query. The search results are generally presented in a line of results, often
referred to as search engine results pages (SERPs).
HISTORY:
The first popular search engine on the Web was Yahoo! Search.] The first product
from Yahoo!, founded by Jerry Yang and David Filo in January 1994, was a Web
directory called Yahoo! Directory. In 1995, a search function was added, allowing users to
search Yahoo! Directory. It became one of the most popular ways for people to find web
pages of interest, but its search function operated on its web directory, rather than its full-text
copies of web pages.
TYPES AND EXAMPLES:
1. Google
3
2. Bing
3. Yahoo
4. Baidu
5. AOL
HTML:
The HypertextMark-up Language or HTML is the standard mark-up language for documents
designed to be displayed in a web browser. It can be assisted by technologies such
as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.Web
browsers receive HTML documents from a web server or from local storage and render the
documents into multimedia web pages. HTML describes the structure of a web
page semantically and originally included cues for the appearance of the document.
HISTORY:
In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and
prototyped ENQUIRE, a system for CERN researchers to use and share documents. In 1989,
Berners-Lee wrote a memo proposing an Internet-based hypertext system. Berners-Lee
specified HTML and wrote the browser and server software in late 1990. That year, Berners-
Lee and CERN data systems engineer Robert Cailliau collaborated on a joint request for
funding, but the project was not formally adopted by CERN. In his personal notesfrom 1990
he listed "some of the many areas in which hypertext is used" and put an encyclopedia first.
STRUCTURE OF HTML:
4
PRACTICAL NO 3
AIM: Create a web page using html demonstrating all the attributes of
body tag , font tag,paragraph tag.
SOURCE CODE:
<html>
<head>
<title> practical no 3 </title>
</head>
<body bgcolor="red">
<h1> E-Commerce</h1>
<p align="justify"><font color="white" size="6">The term

electronic commerce (ecommerce) refers to a business model
that allows companies and individuals to</font><font
face="arial" size="16" color="orange">buy and sell
</font><font color="white" size="6">goods and services over
the Internet. Ecommerce operates in four major market segments
5
and can be conducted over computers, tablets, smartphones, and

other smart devices.</font></p>
<h1> E-Commerce</h1>
<p align="centre"><font face="times new roman" size="14"

color="blue
">E-commerce (electronic commerce) is the buying and selling

of goods and services, or the transmitting of funds or data,
over an electronic network, primarily the internet.</font></p>
<h2> Advantages of E-Commmerce</h2>
<p><font color="white" size="6">A Larger Market: E-Commerce

allows individuals to reach customers all across the country
and all around the world. E-Commerce gives business owners the
platform to reach people from the comfort of their homes. The
customers can make any purchase anytime and anywhere, and
significantly more individuals are getting used to shopping on
their mobile devices.</font></p>
<h2> Disadvantages of E-Commerce</h2>
<p><font color="white" size="6">Lack of Personal Touch: Some

customers appreciate the personal touch they offer when
visiting a physical store by interacting with the sales
associates. Such personal touch is especially essential for
businesses that sell high-end products as customers will want
to buy the products and have an excellent experience during
the process.</font></p>
</body>
</html>
OUTPUT:
6
PRACTICAL NO 4
AIM: Create a web page using HTML and write three paragraph about
leadership skills using three container tag and 2 empty tag.
SOURCE CODE:
<html>
<head>
<title> Leadership skills </title>
</head>
7
<center><h1> Leadership Skills</h1></center>
<hr>
<p align="justify"><font size="6" face="arial" color="white">A

leader is important because he/she can inspire others in a
group or organization to achiever more and be better. A leader
must have certain qualities that can turn her/him into a role
model for others to follow and be respected. The different
attributes can be learned through training and
dedication.</font></p>
<br>

good leader must be confident and sure of his/her actions.
Leaders should also be honest in order to build respect and
cooperation among the different team members or workers.
Communication skills are important to maintain transparency in
the organization, and a leader must have them.</font></p>
<br>

good leader must be confident and sure of his/her actions.
Leaders should also be honest in order to build respect and
cooperation among the different team members or workers.
Communication skills are important to maintain transparency in
the organization, and a leader must have them.</font></p>
</body>
</html>
OUTPUT:
8
PRACTICAL NO 5
9
AIM: Write a HTML code to print the quadratic equation as follows:- In

mathematics ,quadratic equation is a polynomial equation of the second
degree
The general form is
ax2-bx+c=0 where a≠0[for if a=0, the equation becomes the linear

equation]
And also print the following chemical equation
4H3PO3=3H3PO4+PH3 and other expression as:
Pnew=Pold+X2-Yacosx
SOURCE CODE:
<html>
<head>
<title>pratical no 5</title>
</head>
<body bgcolor="lightgreen">
<h1> Quadratic Equation </h1>
<p><font size="6"> In mathematics,quadraticquation is a

polynomial equation of the second degree</font></p>
<p align="centre"><font color="red" size="6" face="times new

roman">The General Form is </font></p>
<p align="centre"><font size="6">ax<sup>2</sup>+bx+c=0

where,a≠0[for if a=0,the equation become a linear
equation]</font></p>
<hr size="18" color="red">
<h1> Chemical Equation</h1>
<p align="center"><font size="9" color="red"

face="arial">4H<SUB>3</SUB>PO<SUB>3</SUB>=3H<SUB>3</SUB>PO<SUB
>4</SUB>+PH<SUB>3</SUB> and other expresion as </font></p>
<br>
10
<p align="center"><font size="9" color="red"

face="arial">p<sub>new</sub>=p<sub>old</sub>+x<sup>2</sup>-
y<sup>acosx</sup></font></p>
</body>
</html>
OUTPUT:
PRACTICAL NO 6
11
AIM: Create a web page describing you. Use<Blockquote> to display your

current address, strikeout your previous adderess<strike> and mark
different names you are using in your web page using<mark> tag and also
emphasizes your qualification using <em> tag wherever you are using
numbers. In the end display all tags which you are using in the creation of
web page and write them using <code> tag.
SOURCE CODE:
<html>
<head>
<title>pratical no 6</title>
</head>
<h1 ALIGN="CENTER"><u>MYSELF</u></H1>
<h2><u> CURRENT ADDRESS</U></H2>
<blockquote>
A-33,UTTAM NAGAR<br>
HANUMAN MANDIR ROAD<br>
STREET NO 18<br>
NEW DELHI<br>
<H2><U> PREVIOUS ADDRESS</U></H2>
</BLOCKQUOTE>
<STRIKE><PRE><font size="6">
B-49,UTTAM NAGAR
NEW DELHI
</font>
</PRE></STRIKE>
<H2><U> INTRODUCTION</U></H2>
<P><font size="6" face="times new roman">My name

is<mark>GauravAggarwal</mark>
12
<br>
i live in uttamnagar,delhi<br>My hobbies is to play cricket

and playing battleroyale games.<br>My father name is
<mark>Rajesh Kumar Aggarwal</mark><br>My mother name is
<mark>SudhaAggarwal</mark>.
</font></p>
<BR>
<H2><U> EDUCATION QUALIFICATION </U></H2>
<PRE><font size="6">
CBSE 10TH BOARD <B><EM>78%</EM></B>
CBSE 12TH BOARD <B><EM>86%</EM></B>
</font>>
</PRE>
<BR>
<H2><U> USED TAG </U></HTML>
<CODE><PRE><font size="6">
BLOCKQUOTE TAG
EMPHASIZED TAG
PRE TAG
MARK TAG
STRIKE TAG
CODE TAG</font></PRE></CODE>
</BODY>
</HTML>
OUTPUT:
13
14
PRACTICAL NO 7
AIM: Create a web page describing your friend , where default font size
should be 20 and friend name should be moving front and back.
SOURCE CODE:
<html>
<head>
<title> practical no 7</title>
</HEAD>
<BODY BGCOLOR="ORANGE">
<H1><CENTER><U>MY FRIEND</U></CENTER></H1>
<H1><CENTER><MARQUEE DIRECTION="RIGHT"
SCROLLAMOUNT="35">KARTIK </MARQUEE></CENTER></H1>
<P><FONT SIZE="20"> MY BESTFRIEND KARTIK</FONT>
<BR>
<font size="6">He lives in vikaspuri.<br> His hobbies is to

play cricket and football.</font>
</BODY>
</HTML>
OUTPUT:
15
PRACTICAL NO 8
AIM: Write the html code to insert 3 images aligned left,center and right
with the help of adjusting height& width of image, also change the
background color as a pink of the web page give the proper heading of the
web page.
SOURCE CODE:
<html>
<head>
<title> practical no 8 </title>
</head>
<body bgcolor="pink">
<h1><center><u>Best Cricketer In India</u></center></h1>
<img src="tendulkar.jfif" align="left" height="400"

width="400" alt="image is not found">
          &n
bsp;
<img src="dhoni.jfif" align="center" height="400" width="400"

alt="image is not found">
<img src="kohli.jfif" align="right" height="400" width="400"

alt="image is not found">
</body>
</html>
16
OUTPUT :
17
PRACTICAL NO 9
AIM: Write html code to insert different images aligned right, left,top and
bottom with the help of float tag.
SOURCE CODE:
<HTML>
<HEAD>
<TITLE> PRAC NO 9 </TITLE>
</HEAD>
<BODY bgcolor="orange"s>
<H1><CENTER><U> BEST CRICKETER IN INDIA </U></CENTER></H1>
<H2> VIRAT KOHLI</H2>
<P> <font size="6">
<IMG SRC="KOHLI.JFIF" STYLE="FLOAT:RIGHT" WIDTH="100"

HEIGHT="100">
Virat Kohli is an Indian international cricketer and former

captain of the India national cricket team. He plays for Delhi
in domestic cricket and Royal Challengers Bangalore in the
Indian Premier League as a right-handed batsman.
</font></P>
<H2> SACHIN TENDULKAR </H2>
<P><font size="6">
<IMG SRC="TENDULKAR.JFIF" STYLE="FLOAT:LEFT" WIDTH="100"

HEIGHT="100">
Sachin Ramesh Tendulkar AO BR is an Indian former

international cricketer who captained the Indian national
team. He is regarded as one of the greatest batsmen in the
history of cricket.
</font></P><br>
<H2> MS DHONI </H2>
<P><font size="6">
18
<IMG SRC="DHONI.JFIF" STYLE="FLOAT:TOP" WIDTH="100"

HEIGHT="100">
Mahendra Singh Dhoni is an Indian professional cricketer who

was captain of the Indian national cricket team in limited-
overs formats from 2007 to 2017 and in Test cricket from 2008
to 2014. He is a right-handed wicket-keeper batsman.
</font></P>
</body>
</HTML>
OUTPUT:
19
PRACTICAL NO 10
AIM: Create a static page of an astrology site and use hyperlink to open the
horoscope of different zodiac signs.
MASTER PAGE
SOURCE CODE:
<HTML>
<HEAD>
<TITLE> PRACTICAL NO 10</TITLE>
</HEAD>
<BODY BGCOLOR="YELLOW">
<H1 ALIGN="CENTER"><U><B><FONT COLOR="RED"> ZODIAC

SIGN</FONT></B></U></H1>
<A HREF="ARIES.HTML"TARGET="_BLANK"><IMG SRC="ARIES.JPG"

BORDER="2PX SOLID BLACK" HEIGHT="200" WIDTH="200" ALT="IMAGE
NOT FOUND"></A>
<A HREF="TAURUS.HTML"TARGET="_BLANK"><IMG SRC="TAURUS.JPG"

BORDER="2PX SOLID BLACK" HEIGHT="200" WIDTH="200"ALT="IMAGE
NOT FOUND"></A>
<A HREF="GEMINI.HTML"TARGET="_BLANK"><IMG SRC="GEMINI.JPG"

NOT FOUND"></A>
<A HREF="CANCER.HTML"TARGET="_BLANK"><IMG SRC="CANCER.JPG"

NOT FOUND"></A>
<A HREF="LEO.HTML"TARGET="_BLANK"><IMG SRC="LEO.JPG"

NOT FOUND"></A>
<A HREF="VIRGO.HTML"TARGET="_BLANK"><IMG SRC="VIRGO.JPG"

NOT FOUND"></A>
<A HREF="LIBRA.HTML"TARGET="_BLANK"><IMG SRC="LIBRA.JPG"

NOT FOUND"></A>
20
<A HREF="SCORPIO.HTML"TARGET="_BLANK"><IMG SRC="SCORPIO.JPG"

NOT FOUND"></A>
<A HREF="SAGGITARIUS.HTML"TARGET="_BLANK"><IMG
SRC="SAGITTARIUS.JPG" BORDER="2PX SOLID BLACK" HEIGHT="200"
WIDTH="200"ALT="IMAGE NOT FOUND"></A>
<A HREF="CAPRICORN.HTML"TARGET="_BLANK"><IMG
SRC="CAPRICORN.JPG" BORDER="2PX SOLID BLACK" HEIGHT="200"
WIDTH="200"ALT="IMAGE NOT FOUND"></A>
<A HREF="AQUARIUS.HTML"TARGET="_BLANK"><IMG SRC="AQUARIUS.JPG"

NOT FOUND"></A>
<A HREF="PISCES.HTML"TARGET="_BLANK"><IMG SRC="PISCES.JPG"

NOT FOUND"></A>
</BODY>
</HTML>
OUTPUT:
ARIES.HTML
SOURCE CODE:
21
<html>
<head>
<title> aries </title>
</head>
<body BGCOLOR="ORANGE">
<h1><u><b><center> ARIES</CENTER></B></U></H1>
<IMG SRC="ARIES.JPG" ALIGN="RIGHT" HEIGHT="200" WIDTH="200">
<P ALIGN="JUSTIFY"><FONT SIZE="9" FACE="ARIAL" >
Aries is the first astrological sign in the zodiac, spanning

the first 30 degrees of celestial longitude, and originates
from the constellation of the same name. Under the tropical
zodiac, the Sun transits this sign from approximately March 20
to April 21 each year.</FONT></P>
</BODY>
</HTML>
OUTPUT:
TAURUS.HTML
SOURCE CODE:
22
<html>
<head>
<title> aries </title>
</head>
<h1><u><b><center> TAURUS</CENTER></B></U></H1>
<IMG SRC="TAURUS.JPG" ALIGN="RIGHT" HEIGHT="200" WIDTH="200">
Taurus (♉︎) is the second astrological sign in the modern

zodiac. It spans from 30° to 60° of the zodiac. This sign
belongs to the Earth element or triplicity, and has a feminine
or negative polarity, as well as a fixed modality, quality, or
quadruplicity. It is a Venus-ruled sign along with Libra. The
Moon is in its exaltation here at exactly 3°. The Sun transits
this sign from approximately April 21 until May 20 in western
astrology. and from May 15- June 15 in sidereal astrology
</FONT></P>
</BODY>
</HTML>
OUTPUT:
GEMINI.HTML
SOURCE CODE:
23
<html>
<head>
<title>GEMINI </title>
</head>
<h1><u><b><center> GEMINI</CENTER></B></U></H1>
<IMG SRC="GEMINI.JPG" ALIGN="RIGHT" HEIGHT="200" WIDTH="200">
Gemini is the third astrological sign in the zodiac. Under the

tropical zodiac, the sun transits this sign between about May
21 to June 21. Under the sidereal zodiac, the sun transits
this sign from about June 16 to July 16.
</FONT></P>
</BODY></HTML>
OUTPUT:
CANCER.HTML
SOURCE CODE:
<html>
24
<head>
<title> CANCER </title>
</head>
<h1><u><b><center> CANCER</CENTER></B></U></H1>
<IMG SRC="CANCER.JPG" ALIGN="RIGHT" HEIGHT="200" WIDTH="200">
Cancer (♋︎) ("crab" in Latin) is the fourth astrological sign

in the zodiac, originating from the constellation of Cancer.
It spans from 90° to 120° celestial longitude. Under the
tropical zodiac, the Sun transits this area between
approximately June 22 and July 22,[2] and under the sidereal
zodiac, the Sun transits this area between approximately July
16 and August 17.
</FONT></P>
</BODY>
</HTML>
OUTPUT:
LEO.HTML
25
SOURCE CODE:
<html>
<head>
<title> leo</title>
</head>
<h1><u><b><center> LEO</CENTER></B></U></H1>
<IMG SRC="leo.JPG" ALIGN="RIGHT" HEIGHT="200" WIDTH="200">
Leo, Latin for Lion, is the fifth sign of the zodiac. It

corresponds to the constellation Leo and comes after Cancer
and before Virgo. The traditional Western zodiac associates
Leo with the period between July 23 and August 22, and the
sign spans the 120th to 150th degree of celestial
longitude.</FONT></P>
</BODY>
</HTML>
OUTPUT:
VIRGO.HTML
SOURCE CODE:
26
<html>
<head>
<title> VIRGO </title>
</head>
<h1><u><b><center> VIRGO</CENTER></B></U></H1>
<IMG SRC="VIRGO.JPG" ALIGN="RIGHT" HEIGHT="200" WIDTH="200">
Virgo (♍︎
) (Greek: Παρθένος, Parthenos) is the sixth
astrological sign in the Zodiac. It spans the 150–180th degree
of the zodiac. Under the tropical zodiac, the Sun transits
this area, on average, between August 23 and September 22,
while the Sun transits the Virgo from approximately September
16 to October 30.</FONT></P>
</BODY>
</HTML>
OUTPUT:
LIBRA.HTML
SOURCE CODE:
27
<html>
<head>
<title> libra </title>
</head>
<h1><u><b><center> LIBRA</CENTER></B></U></H1>
<IMG SRC="LIBRA.JPG" ALIGN="RIGHT" HEIGHT="200" WIDTH="200">
Libra is the seventh astrological sign in the zodiac. It spans

180°–210° celestial longitude. The Sun transits this sign on
average between September 23 and October 23. Under the
sidereal zodiac, the Sun currently transits the constellation
of Libra from approximately October 31 to November
22.</FONT></P>
</BODY>
</HTML>
OUTPUT:
SCORPIO.HTML
SOURCE CODE:
28
<html>
<head>
<title> SCORPIO</title>
</head>
<h1><u><b><center> SCORPIO</CENTER></B></U></H1>
<IMG SRC="SCORPIOP.JPG" ALIGN="RIGHT" HEIGHT="200"

WIDTH="200">
Scorpio is the eighth astrological sign in the zodiac,

originating from the constellation of Scorpius. It spans 210°–
240° ecliptic longitude. Under the tropical zodiac, the Sun
transits this sign on average from October 23 to November 22.
</FONT></P>
</BODY>
</HTML>
OUTPUT:
SAGITTARIUS.HTML
SOURCE CODE:
29
<html>
<head>
<title> SAGITTARIUS</title>
</head>
<h1><u><b><center> SAGITTARIUS</CENTER></B></U></H1>
<IMG SRC="SAGITTARIUS.JPG" ALIGN="RIGHT" HEIGHT="200"

WIDTH="200">
Sagittarius is the ninth astrological sign, which is

associated with the constellation Sagittarius and spans 240–
270th degrees of the zodiac. Under the tropical zodiac, the
sun transits this sign between approximately November 22 and
December 21 and under the sidereal zodiac from December 18 -
January 15</FONT></P>
</BODY>
</HTML>
OUTPUT:
CAPRICORN.HTML
30
SOURCE CODE:
<html>
<head>
<title> CAPRICORN</title>
</head>
<h1><u><b><center> CAPRICORN</CENTER></B></U></H1>
<IMG SRC="CAPRICORN.JPGH.JFIF" ALIGN="RIGHT" HEIGHT="200"

WIDTH="200">
Capricorn is the tenth astrological sign in the zodiac out of

twelve total zodiac signs, originating from the constellation
of Capricornus, the horned goat. It spans the 270–300th degree
of the zodiac, corresponding to celestial
longitude.</FONT></P>
</BODY>
</HTML>
OUTPUT:
31
AQUARIUS.HTML
SOURE CODE:
<html>
<head>
<title> AQUARIUS </title>
</head>
<h1><u><b><center> AQUARIUS</CENTER></B></U></H1>
<IMG SRC="AQUARIUS.JPG" ALIGN="RIGHT" HEIGHT="200"

WIDTH="200">
Aquarius (♒︎) is the eleventh astrological sign in the zodiac,

originating from the constellation Aquarius. Under the
tropical zodiac, the Sun is in the Aquarius sign between about
January 21 and about February 20,[2][3] while under the
sidereal Zodiac, the sun is in Aquarius from approximately
February 15 to March 14, depending on the leap year</FONT></P>
</BODY>
</HTML>
OUTPUT:
32
PISCES.HTML
SOURCE CODE:
<html>
<head>
<title> PISCES</title>
</head>
<h1><u><b><center> PISCES</CENTER></B></U></H1>
<IMG SRC="PISCES.JPG" ALIGN="RIGHT" HEIGHT="200" WIDTH="200">
Pisces is the twelfth and final astrological sign in the

zodiac. It is a negative, mutable sign. It spans 330° to 360°
of celestial longitude. Under the tropical zodiac, the sun
transits this area between February 19 and March 20</FONT></P>
</BODY>
</HTML>
OUTPUT:
33
PRACTICAL NO 11
AIM: Insert an image in a document and link it to some other page.
SOURCE CODE:
<html>
<head>
<title>practical no 11</title>
</head>
<body bgcolor="black">
<h1 align="center" ><u><b><font color="white">

CRICKETERS</FONT></B></U></H1>
<A
HREF="https://en.wikipedia.org/wiki/Virat_Kohli"TARGET="_BLANK
"><IMG SRC="VIRAT.JPG" BORDER="2PX SOLID BLACK" ALIGN="LEFT"
HEIGHT="300" WIDTH="300"ALT="IMAGE NOT
FOUND"></A>        &nb
sp;         &nbsp
;          &
nbsp;         &nb
sp;
<A
HREF="https://en.wikipedia.org/wiki/MS_Dhoni"TARGET="_BLANK"><
IMG SRC="DHONI.JPG" BORDER="2PX SOLID BLACK" ALIGN="CENTER"
HEIGHT="300" WIDTH="300"ALT="IMAGE NOT FOUND"></A>
<A
HREF="https://en.wikipedia.org/wiki/Rohit_Sharma"TARGET="_BLAN
K"><IMG SRC="ROHIT.JPG" BORDER="2PX SOLID BLACK"ALIGN="RIGHT"
HEIGHT="300" WIDTH="300"ALT="IMAGE NOT FOUND"></A>
</BODY>
</HTML>
OUTPUT:
34
35
36
PRACTICAL NO 12
AIM: Design a document containing image map.
SOURCE CODE:
<html>
<head>
<title>Image Map</title>
</head>
<body>
<img src="image.jpg" alt="map" usemap="#map" height="736"

width="809">
<map name="map">
<area shape="rect" coords="207,76,272,111" alt="jammu &

kashmir"
href="https://en.wikipedia.org/wiki/Jammu_and_Kashmir_(union_t
erritory)">
<area shape="circle" coords="136,244,50" alt="rajasthan"

href="https://en.wikipedia.org/wiki/Rajasthan">
</map>
</body>
</html>
OUTPUT:
37
38
39
PRACTICAL NO 13
AIM: Write a html code to produce the following output
Fruits & Vegetables
C Vegetables
 Onion
 Potato
D Fruits
 Mango
 Grapes
SOURCE CODE:
<html>
<head>
<title> practicle no 13</title>
</head>
<body bgcolor="pink">
<h1> <b><u>Fruits & Vegetables</u></b></h1>
<p>
<ol type="A" start="3">
<li> Vegetables
<ul>
<li> Onion</li>
<li>Potato</li>
</ul>
</li>
<li> Fruits
40
<ul>
<li> Mango</li>
<li> Grapes</li>
</ul>
</li>
</ol>
</p>
</body>
</html>
OUTPUT:
41
PRACTICAL NO 14
AIM: Write code for the following list:
 Newspaper
5 Times of India
6 Hindustan Times
7 Navbharat Times
 Magazines
i The Week
SOURCE CODE:
<html>
<head>
</head>
<body bgcolor=" red">
<H1><U><B>NEWSPAPER & MAGAZINES</B></U></H1>
<p>
<font size="6" color="white">
<ul type="circle" >
<li> Newspaper
<ol type="1" start="5">
<li> Times Of India</li>
<li> Hindustan Times</li>
<li> Navbharat Times</li>
</ol>
</li>
<li>Magazines
<ol type="i">
<li> The Week</li>
42
</ol>
</li>
</ul>
</font>
</p>
</body>
</html>
OUTPUT:
43
PRACTICAL NO 15
AIM: Write the html code to produce the following output:
I. First level
A. Second level
B. Second level
1. Third level
2. Third level
a. Fourth level
b. Fourth level
i. Fifth level
ii. Fifth level
iii. Fifth level
iv. Fifth level
c. Fourth level
d. Fourth level
3. Third level
a. Fourth level
b. Fourth level
4. Third level
C. Second level
1. Third level
2. Third level
D. Second level
II. First level
A. Second level
1. Third level
2. Third level
a. Fourth level
b. Fourth level
B. Second level
C. Second level
D. Second level
III. First level
44
SOURCE CODE:
<html>
<head>
</head>
<body bgcolor=" ORANGE">
<p>
<ol type="I">
<LI> First level
<ol type="A">
<li> Second level</li>
<li>second level</li>
<ol type="1" >
<li> Third level</li>
<ol type="a">
<li> Fourth level</li>
<ol type="i">
<li> Fifth level</li>
</ol>
</ol>
45
<ol type="a">
</ol>
</ol>
<ol>
<li>Third level </li>
</ol>
</ol>
<li> First level
<ol type="A">
<li> Second level
<ol>
<li> Third level
<li> Third level
<ol type="a">
</ol>
</ol>
46
</ol>
<li> First level </li>
</ol>
</p>
</body>
</html>
OUTPUT:
47
PRACTICAL NO 16
AIM: Create a table using html and write the marks of 10 students.
Captions is student performance.
SOURCE CODE:
<html>
<head>
<title> prac no 16</title>
</head>
<body>
<table BORDER="5" BGCOLOR="YELLOW" SIZE="70">
<caption align="top"> STUDENT PERFORMANCE</caption>
<tr>
<tH> S.NO</TH>
<TH> NAME</TH>
<TH> MARKS</TH>
</TR>
<tr>
<td> 1</TD>
<TD>GAURAV</TD>
<TD> 85</TD>
</TR>
<tr>
<td> 2</TD>
<TD> HRITIK</TD>
<TD> 50</TD>
</TR>
<tr>
48
<td>3</TD>
<TD>GOURANSH</TD>
<TD> 87</TD>
</TR>
<tr>
<td> 4</TD>
<TD> PIYUSH</TD>
<TD> 90</TD>
</TR>
<tr>
<td> 5</TD>
<TD> MANYA</TD>
<TD>95</TD>
</TR>
<tr>
<td> 6</TD>
<TD> KARTIK</TD>
<TD> 20</TD>
</TR>
<tr>
<td> 7</TD>
<TD> AYUSH</TD>
<TD> 70</TD>
</TR>
<tr>
<td> 8</TD>
<TD> PARTH</TD>
49
<TD> 60</TD>
</TR>
<tr>
<td> 9</TD>
<TD> ANUSHIKA</TD>
<TD> 80</TD>
</TR>
<tr>
<td> 10</TD>
<TD> ANSHUMAN</TD>
<TD> 50</TD>
</TR>
</TABLE>
</BODY>
</HTML>
OUTPUT:
50
PRACTICAL NO 17
AIM: Display table with the given format with image and hyperlink
SOURCE CODE:
<HTML>
<HEAD>
<TITLE> PRAC NO 17</TITLE>
</HEAD>
<BODY>
<TABLE BORDER="5" BGCOLOR="YELLOW">
<CAPTION ALIGN="TOP"> TABLE WITH IMAGE AND HYPERLINK</CAPTION>
<TR>
<TH> S.NO</TH>
<TH> IMAGE</TH>
<TH> FIRST NAME</TH>
<TH> LAST NAME</TH>
<TH>PROFESSION</TH>
</TR>
<TR>
<TD> 1</TD>
<TD> <IMG SRC=" VIRAT KOHLI.JPG" HEIGHT="100"

WIDTH="100"></TD>
<TD> VIRAT</TD>
<TD> KOHLI</TD>
<TD><A HREF="https://en.wikipedia.org/wiki/Virat_Kohli"
TARGET="-BLANK">CRICKETER </A></TD>
</TR>
<TR>
51
<TD> 2</TD>
<TD> <IMG SRC="AMITABH.JPG" HEIGHT="100" WIDTH="100"></TD>
<TD> AMITABH </TD>
<TD> BACHCHAN</TD>
<TD><A HREF="https://en.wikipedia.org/wiki/Amitabh_Bachchan"
TARGET="-BLANK"> AMITABH BACHCHAN</A></TD>
</TR>
<TR>
<TD> 3</TD>
<TD> <IMG SRC="PV SINDHU.JPG" HEIGHT="100" WIDTH="100"></TD>
<TD> PUSARLA VENKATA </TD>
<TD> SINDHU </TD>
<TD> <A HREF="https://en.wikipedia.org/wiki/P._V._Sindhu"

TARGET="-BLANK"> BADMINTON PLAYER</A></TD>
</TR>
<TR>
<TD> 4</TD>
<TD> <IMG SRC="MINATI.JPG" HEIGHT="100" WIDTH="100"></TD>
<TD> AJEY</TD>
<TD> NAGAR </TD>
<TD> <A HREF="https://en.wikipedia.org/wiki/CarryMinati"

TARGET="-BLANK"> YOUTUBER</A></TD>
</TR>
<TR>
<TD> 5</TD>
<TD> <IMG SRC="ATIF ASLAM.JPG" HEIGHT="100" WIDTH="100"></TD>
<TD> ATIF </TD>
<TD> ASLAM</TD>
52
<TD><A HREF="https://en.wikipedia.org/wiki/Atif_Aslam"
TARGET="-BLANK"> SINGER</A></TD>
</TR>
</TABLE>
</BODY>
</HTML>
OUTPUT:
53
54
55
PRACTICAL NO 18
AIM: Display table with the given format with rowspan and colspan.
SOURCE CODE:
<HTML>
<HEAD>
<TITLE> PRAC 18 </TITLE>
</HEAD>
<BODY>
<TABLE BORDER="5" BACKGROUND="BGCOLOR.JPG" >
<CAPTION ALIGN="TOP"> <B><U>TIME TABLE</U></B> </CAPTION>
<TR>
<TH> TIME</TH>
<TH> MONDAY</TH>
<TH> TUESDAY </TH>
<TH>WEDNESDAY</TH>
<TH> THRUSDAY</TH>
<TH> FRIDAY</TH>
<TH> SATURDAY</TH>
</TR>
<TR>
<TD> 10:30-11:30</TD>
<TD> </TD>
<TD ROWSPAN="2"> E-COMM(GK/SK)</TD>
<TD></TD>
<TD> </TD>
<TD> </TD>
56
<TD> </TD>
</TR>
<TR>
<TD> 11:30-12:30</TD>
<TD> DTB(RSU)</TD>
<TD COLSPAN="2"> <CENTER>BC(SD)</CENTER></TD>
<TD> ACTIVITY</TD>
<TD></TD>
</TR>
<TR>
<TD>12:30-01:30</TD>
<TD> E-COMM(GK)</TD>
<TD>BE(SG)</TD>
<TD COLSPAN="2"> <CENTER>CA(JJ)</CENTER></TD>
<TD COLSPAN="2"> <CENTER>E-COMM(GK)</CENTER></TD>
</TR>
<TR>
<TD>01:30-02:30</TD>
<TD> CA(JJ)</TD>
<TD> E-COMM(GK)</TD>
<TD COLSPAN="3"><CENTER> BE(SG)</CENTER></TD>
<TD> CA(JJ)</TD>
</TR>
<TR>
<TD>02:30-03:00</TD>
<TD COLSPAN="6"><CENTER> BREAK </CENTER></TD>
</TR>
57
<TR>
<TD> 03:30-04:30</TD>
<TD></TD>
<TD></TD>
<TD COLSPAN="2"><CENTER>DTB(RSU)</CENTER></TD>
<TD> BC(SD)</TD>
<TD> DTB(RSU)</TD>
</TR>
</TABLE>
</BODY>
</HTML>
OUTPUT:
58
PRACTICAL NO 19
AIM: Make a nested table using HTML
SOURCE CODE:
<html>
<body>
<table border="2" bordercolor="green"> <tr>
<td>Table 1</td> <td> Table 1
<table border="2" bordercolor="blue">
<tr
<td>Table 2</td> <td>Table 2</td>
</tr>
<tr>
<td> Table 2 </td> <td>Table 2</td>
</tr>
</table
</td>
</tr>
<tr>
<td> Table 1 </td>
<td> Table 1. </td>
</tr> </table>
</body>
</html>
OUTPUT:
59
60
PRACTICAL NO 20
AIM: Create a web page to add a video clip, audio clip, and embed a
YouTube video in HTML page.
SOURCE CODE:
<html>
<head>
<title> prac no 20</title>
</head>
<body background="image2.jfif">
<h1> <center>AUDIO</center></H1>
<center><audio controls>
<source src="audio file.mp3" type="audio/mpeg">
</audio></center>
<H1><center> VIDEO</center></H1>
<center><video width="300" height="150" controls>
<source src="123.mp4" type="video/mp4">
</VIDEO></center>
<H1> <center>YOUTBUBE VIDEO</center></H1>
<center><iframe width="300" height="150"

src="https://www.youtube.com/embed/dcVRoOgpSiI" title="YouTube
video player" frameborder="0" allow="accelerometer; autoplay;
clipboard-write; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe></center>
</body>
</html>
OUTPUT:
61
62
PRACTICAL NO 21
AIM: Create a webpage document and apply the following:
1. A: Link 2. A: Visited 3. A: Hover 4. A: Active
SOURCE CODE:
63

E-Commerce File

Uploaded by

Document Information

Original Description:

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 File

Uploaded by

Copyright:

Available Formats

GAURAV AGGARWAL E-COMMERCE LAB FILE 06121101721

<h1>This is my first web page</h1>

<h2>This is my first web page</h2>

<h3>This is my first web page</h3>

<h4>This is my first web page</h4>

<h5>This is my first web page</h5>

<h6>This is my first web page</h6>

TYPES AND EXAMPLES:

<title> practical no 3 </title>

<p align="justify"><font color="white" size="6">The term

and can be conducted over computers, tablets, smartphones, and

<p align="centre"><font face="times new roman" size="14"

">E-commerce (electronic commerce) is the buying and selling

<h2> Advantages of E-Commmerce</h2>

<p><font color="white" size="6">A Larger Market: E-Commerce

<h2> Disadvantages of E-Commerce</h2>

<p><font color="white" size="6">Lack of Personal Touch: Some

<title> Leadership skills </title>

<center><h1> Leadership Skills</h1></center>

<p align="justify"><font size="6" face="arial" color="white">A

<p align="justify"><font size="6" face="arial" color="white">A

<p align="justify"><font size="6" face="arial" color="white">A

AIM: Write a HTML code to print the quadratic equation as follows:- In

The general form is

ax2-bx+c=0 where a≠0[for if a=0, the equation becomes the linear

And also print the following chemical equation

4H3PO3=3H3PO4+PH3 and other expression as:

<h1> Quadratic Equation </h1>

<p><font size="6"> In mathematics,quadraticquation is a

<p align="centre"><font color="red" size="6" face="times new

<p align="centre"><font size="6">ax<sup>2</sup>+bx+c=0

<hr size="18" color="red">

<h1> Chemical Equation</h1>

<p align="center"><font size="9" color="red"

<p align="center"><font size="9" color="red"

AIM: Create a web page describing you. Use<Blockquote> to display your

<h2><u> CURRENT ADDRESS</U></H2>

HANUMAN MANDIR ROAD<br>

<H2><U> PREVIOUS ADDRESS</U></H2>

<P><font size="6" face="times new roman">My name

i live in uttamnagar,delhi<br>My hobbies is to play cricket

<H2><U> EDUCATION QUALIFICATION </U></H2>

CBSE 10TH BOARD <B><EM>78%</EM></B>

CBSE 12TH BOARD <B><EM>86%</EM></B>

<H2><U> USED TAG </U></HTML>

<title> practical no 7</title>

<P><FONT SIZE="20"> MY BESTFRIEND KARTIK</FONT>

<font size="6">He lives in vikaspuri.<br> His hobbies is to

<title> practical no 8 </title>

<h1><center><u>Best Cricketer In India</u></center></h1>

<img src="tendulkar.jfif" align="left" height="400"

<img src="dhoni.jfif" align="center" height="400" width="400"

<img src="kohli.jfif" align="right" height="400" width="400"

<TITLE> PRAC NO 9 </TITLE>

<H1><CENTER><U> BEST CRICKETER IN INDIA </U></CENTER></H1>

<H2> VIRAT KOHLI</H2>

<P> <font size="6">

<IMG SRC="KOHLI.JFIF" STYLE="FLOAT:RIGHT" WIDTH="100"

Virat Kohli is an Indian international cricketer and former

<H2> SACHIN TENDULKAR </H2>

<IMG SRC="TENDULKAR.JFIF" STYLE="FLOAT:LEFT" WIDTH="100"

Sachin Ramesh Tendulkar AO BR is an Indian former