GURU GOBIND SHOKEEN INDRAPRASTHA UNIVERSITY

MAHARAJA SURAJMAL INSTITUTE

E-Commerce in Business Lab

Subject Code-BBA(GEN)-112

SUBMITTED BY SUBMITTED TO
Students Name: Bhavya Shokeen Dr. Anamika Rana
Enrollment No:22621201722 Assistant Professor
BBA (GEN) II-SEM (EVE)
 INDEX
S.N List of Program Date Teacher’
o s
Signatur
e
1 A) WRITE 4 PARAGRAPHS IN HTML USING VARIOUS TAGS AND 09.03.2023
DIFFERENT ALLIGNMENTS. FORMATTING OF ALL 4 PARAGRAPHS
MUST BE DIFFERENT. FIRST PARAGRAPH ABOUT HTML SECOND
ABOUT TAGS AND ATTRIBUTES IN HTML THIRD ABOUT WWW AND
FORTH ABOUT E-COMMERCE. All these paragraph must be separated with
horizontal line.

B) DESIGN A WEB PAGE ADVANTAGES AND DISADVANTAGES OF E-

COMMERCE WITH HEADINGS
09.03.2023

2 Create an HTML file for displaying a webpage with the following Tags. The file 16.03.2023
should contain a brief description of all these tags:

a. Sub

b. Sup

c. mark

d. Paragraph

e. font

f. Headings

g. HR

h. BR

i. Pre

j. Font

k. Blockquote

3 Design a Web Page of your CV with headings as Objective, educational 23.03.2023

qualification, achievements, strengths, hobbies and personal details.

Apply following specifications:

Insert a horizontal line after every above mentioned heading (Eg. Insert
 horizontal line once objectives are complete)

Set any light color as page background.

Bold and underline every heading

Insert your image on left side of web page

Use heading tag to specify the headings

After every heading is over put a horizontal line

Use pre tag for Educational Qualification

Use font tag for all the text

4 Write a HTML code to print the following lines in same manners: 23.03.2023

In Mathematics, a quadratic equation is a polynomial equation of

the second degree. The general form is
ax2+bx+c=0
Where != 0 (For if a=0, the equation becomes a linear equation)

"CHEMICAL EQUATION"

4H3PO3 = 3H3PO4+PH3
and other expression as
Pnew= Pold + X2-Yacosx

5 Design a Web Site with the name as HTML tutorial with following 06.04.2023
specifications:

Make following hyperlinks (i.e. 5 different web pages):

1. Formatting Styles and Headings: Include Bold, italics, Underline,

Strike, Subscript, superscript and all six type of headings, br, hr, pre, p
2. Font Styles and Images: Font and Basefont tag, Image tag
3. Anchor: Internal (linking within page) and External (linking with other
documents) links
4. Marquee: Move text, image and hyperlink
5. Quotation and citation tags: <blockquote>,<q>, <abbr>, <address>,
<cite>, <tt>and <bdo>

Include following specifications:

In all these web pages only mention about use, attributes apply them.

Insert a background image on home page

 Make all the topics as hyperlinks and go to some other page for description

Insert a marquee showing HTML Tutorial as moving text.

Use different font style for different topics

On every page, make a hyperlink for going back to home page.

6 Design tables as follows: 06.04.2023
With all attributes

Roll Name Course Marks

no
1 Ajay BBA 78
Kumar
2 Kavita BCA 62
Sharma
3 Rohit Garg BBA CAM 87
4 Pooja BBA 67
Kapoor
5 Mohit BBA CAM 72
Gupta
7 Design following table:

Rol Marks
l Name Course
Internal External Total 06.04.2023
No
12
abc BBA 20 60 80
3
78
xyz BCA 15 65 80
9
8 Design table in HTML 06.04.2023

IP University Courses
Graduate Post Graduate
BB
BCA B. Tech MBA MCA M. Tech
A

240 120 100 200 100 80

9 Desin a web page Using HTML: 13.04.2023

Time Table for BBA(G) - II Section C (Eve)

Class Coordinator: Dr. Anamika Rana
  9:00- 10:15- 11:30- Lunc 1:00- 2:15-
 10:00 11:15 12:30 2:00 3:15
Mon ECO
day QT CA BC BE MM
ECO
Tues ECOM ECOMM MM
day BC M BE LAB LAB
Wed
nesd ECOM ECOMM
ay QT M LAB LAB BC CA
Thurs E
day BE CA COMM QT  
Frida
y ECOMM QT BE h CA BC
Satur Brea
day   CA QT k BE  
Subject Faculty
ECOMM:Dr.
CA: Dr. ANITA Anamika BC: Dr.Nisha Bamel
QTOR: Mr.
Shashi Kant ECOMM
Pandey LAB:Dr.Anamika BE:Dr.Suhasini

10 Create a nested list as follows: 27.04.2023

Computer System

1. Input Devices

i. Keyboard

ii. Mouse

iii. Joystic

iv. Scanner

a. Flat Bed Scanner

b. Hand held Scanner

2. Output Devices

i. Monitor

a. LCD
 b. CRT

ii. Printer

I. Impact Printer

II. Non Impact Printer

Apply following parts:

Insert an image of computer on top right corner of web page

Display a marquee displaying “Input and Output Devices”

Use different font styles and colors for Input and Output Devices

Insert horizontal line after Input Devices are over

Use bold, italics and underline in headings

11 Create a HTML webpage which display the following list. 27.04.2023

FRUITS & VEGETABLES

A. Vegetables

• Onion

• Tomato

• Radish

• Potato

• Carrot

B. Fruits

• Apple

• Banana

• Water-Melon

• Mango

• Grapes

Newspaper & Magazine

o Newspaper
 5. The Times of India

6. Hindustan Times

7. Navbharat Times

8. Punjab Kesari

9. Dainik Jagran

o Magazine

i. Business Times

ii. The Week

iii. India Today

iv. Harvard Business Review

v. Computer World

Apply following parts:

Put horizontal line after newspaper and magazine

Apply heading tag for newspaper and magazine

Apply a background color

Insert marquee tag displaying “Newspapers and Magazines”

12 Create a student registration form with the help of HTML. 27.04.2023

13 Create a student registration form with the help of HTML. 27.04.2023
14 Design nested frames(10 frames) in HTML. 04.05.2023
15 Design a web page for linking frames. (Hyperlink of one frame 04.05.2023
must open in another frame)
16 Insert multimedia components in HTML 18.05.2023
Bhavya Shokeen
22621201722

ASSIGNMENT 1
A) WRITE 4 PARAGRAPHS IN HTML USING VARIOUS TAGS AND DIFFERENT
ALLIGNMENTS. FORMATTING OF ALL 4 PARAGRAPHS MUST BE DIFFERENT.
FIRST PARAGRAPH ABOUT HTML SECOND ABOUT TAGS AND ATTRIBUTES IN
HTML THIRD ABOUT WWW AND FORTH ABOUT E-COMMERCE. All these
paragraph must be separated with horizontal line.

B) DESIGN A WEB PAGE ADVANTAGES AND DISADVANTAGES OF E-

COMMERCE WITH HEADINGS.

OUTPUT-

E-Commerce Lab File Page 1

Bhavya Shokeen
22621201722

E-Commerce Lab File Page 2

Bhavya Shokeen
22621201722

HTML CODE-

<html>

<head><title>Bhavya Shokeen (22621201722)</title><head>

<body bgcolor=#e0fa4d>

<Marquee>Assingment 1</Marquee>

<h1>HTML</h1>

<h2><br> HTML stands for HyperText Markup Language. It is used to design web pages using
a markup language. HTML is the combination of Hypertext and Markup language. Hypertext
defines the link between web pages. A markup language is used to define the text document
within the tag which defines the structure of web pages. This language is used to annotate (make
notes for the computer) text so that a machine can understand it and manipulate text accordingly.
Most markup languages (e.g. HTML) are human-readable. The language uses tags to define what
manipulation has to be done on the text.</h2><br>

<HR>

E-Commerce Lab File Page 3

Bhavya Shokeen
22621201722

<h1>Tags and Attributes</h1><br>

<h2>HTML is a markup language composed by a set of elements that are the basis of its
structure. These elements conform a toolbox authors can use to shape their documents. For
example, you can find elements that insert paragraphs, videos or other documents, or elements
that mark quotations, important text or the titles of book, movies, papers and other works

The task performed by browsers is vital in this scheme, as they are responsible for the processing
and transformation of the elements into a rendered document. In this regard, authors should
consider that some elements don't have a tangible represetation: their purpose is to provide
semantic meaning to the piece of the document they affect. Sometimes, the information provided
by these semantic elements, is used by different types of user-agents (browsers, search engines,
documents processors, etc) to extract additional data about the document and its parts.

<br>Attributes are the way authors have to define properties for an element. These properties
usually change the way a browser interpret the element, by changing its meaning or presentation.
For example, the a element inserts a link in the document, but the rel attribute states the
relationship between the current document and the destination resource .</h2>

<HR>

<h1>WWW</h1>

<h2><br>The World Wide Web (WWW) is a collection of websites or web pages stored in web
servers and connected to local computers through the internet. These websites contain text pages,
digital images, audios, videos, etc. Users can access the content of these sites from any part of
the world over the internet using their devices such as computers, laptops, cell phones, etc. The
building blocks of the Web are web pages which are formatted in HTML and connected by links
called "hypertext" or hyperlinks and accessed by HTTP1. These links are electronic connections
that link related pieces of information so that users can access the desired information quickly1.
The WWW was initiated by CERN in 1989 and invented by Tim Berners-Lee.</h2><br>

<HR>

<h1>E-Commerce<h1>

<h2><br>Ecommerce, also known as electronic commerce or internet commerce, refers to the

buying and selling of goods or services using the internet, and the transfer of money and data to
execute these transactions. Ecommerce is often used to refer to the sale of physical products
online, but it can also describe any kind of commercial transaction that is facilitated through the
internet.

<br>Whereas e-business refers to all aspects of operating an online business, ecommerce refers
specifically to the transaction of goods and services.</h2>

E-Commerce Lab File Page 4

Bhavya Shokeen
22621201722

<HR>

<h1>ADVANTAGES</h1>

<h2><br>1.<u> Lower prices</u>

<br><h3>The lower costs of running an e-commerce store versus a physical store translate to
cost savings for the consumer. This is one of the biggest e-commerce advantages. Online prices
are typically lower than traditional store prices, and e-commerce sites are able to offer more
discounts and promotions that are easier to claim.</h3>

<br>2. <u> Convenient and safe</u>

<br><h3>Shopping when you want from where you want is far preferable (and a whole lot safer)
than heading out in this COVID reality we’re now living in. Coronavirus aside, there’s also
something to be said about shopping from your bedroom, without having to venture out, wait in
lines, battle cold weather, and all the other challenges that go along with consumerism.</h3>

<br>3. <u>Wide product variety</u>

<br><h3>In the global marketplace that is the internet, consumers can buy electronics from
China, books from England, clothes from Paris, and good old US products all from the comfort
of home. The width and depth of products sold online are unbeatable.</h3>

<br>4. <u>More informed decision making </u>

<br><h3>Information is literally at your fingertips when buying online, including:

Reviews from real customers – this is probably the most effective

Product descriptions

Usage videos

Product guides

Social validation

Comparison shopping is another one of the top benefits of e-commerce to consumers, who can
easily compare products, brands, and websites with even side-by-side comparison possible.

E-Commerce Lab File Page 5

Bhavya Shokeen
22621201722

Many comparison shopping sites exist with the sole purpose of enabling consumers to compare
products side-by-side based on price and discount metrics.</h3>

<br>5. <u> Save Time </u>

<br><h3>In an age where time is a rare commodity, shopping online provides massive time
savings to the consumer. Since 63% of consumers start their shopping journey online, it makes
sense to be able to buy where you already are (Thinkwithgoogle, 2018).

No need to head out, shop in-store, wait in line, and then journey back home when you can
access a greater product variety at a lower price from the comfort of home.</h3>

<HR>

<h1>DISADVANTAGES</H1>

<h2><br><b>1.Lack of Personal Touch:</b> Customers lack the facility of touching and feeling
products in case of online shopping. They are sometimes more satisfied by purchasing at
physical outlets by properly checking the product before buying.

<br><b>2.No Guarantee about Product Quality:</b> Customers cannot get ensured regarding
the quality of products available online. They may be cheated by companies and receive faulty
products.

<br>3.Security Issues: Customers may lose their essential credentials while shopping online.
There are various hackers over the internet which may steal customer’s data and may cause great
loss to them.

<br><b>4.Long Delivery Period:</b> Another major disadvantage of online shopping is that

customers need to wait for longer time periods for getting their products delivered. In the case of
offline shopping, customers get on-spot delivery of their products.

<br><b>5.Cannot try before Buying:</b> Customers cannot take a trial of products before
purchasing when they are doing online shopping. They don’t have a facility of negotiating the
prices and cannot acquire better information regarding usage and features of the product as in
case of the physical outlet where salesperson interacts directly.

</body>

</html>

E-Commerce Lab File Page 6

Bhavya Shokeen
22621201722

ASSIGNMENT 2
Create an HTML file for displaying a webpage with the following Tags. The file should
contain a brief description of all these tags:

a. Sub

b. Sup

c. mark

d. Paragraph

e. font

f. Headings

g. HR

h. BR

i. Pre

j. Font

k. Blockquote

OUTPUT-

E-Commerce Lab File Page 7

Bhavya Shokeen
22621201722

HTML CODE-

<html>

<head><title> Bhavya Shokeen (22621201722)</title>

<body bgcolor=#e0fa4d>

<h1>a Sub</h1><br>

This tag in HTML is used to write text below the baseline of the text in a smaller font. This tag
can be used in many ways like we can denote some mathematical variables in the form of
subscript text.

<br>eg. H₂O is formula of Water.<br>

E-Commerce Lab File Page 8

Bhavya Shokeen
22621201722

<h1>b Sup</h1><br>

The HTML element specifies inline text which is to be displayed as superscript for solely
typographical reasons. Superscripts are usually rendered with a raised baseline using smaller
text.<br>

eg. ax²+bx+c=0<br>

<h1>c Mark</h1><br>

This tag in HTML is used to define the marked text. It is used to highlight the part of the text in a
paragraph. The tag is new in HTML 5.<br>

eg. <mark>GeeksforGeeks:</mark> It is a

<mark>computer science</mark> portal for geeks <br>

<h1>d Paragraph</h1><br>

A paragraph always starts on a new line, and browsers automatically add some white space (a
margin) before and after a paragraph.

<br>eg.<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

<h1>e Font</h1><br>

The font tag was used in HTML 4 to specify the font face, font size, and color of text.

<br>eg.<p style="color:blue">This is another paragraph.</p>

<h1>f Headings</h1><br>

HTML headings are defined with the h1 to h6 tags.<br>

h1 defines the most important heading. h6 defines the least important heading.

<br>eg.<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>

E-Commerce Lab File Page 9

Bhavya Shokeen
22621201722

<h1>g HR</h1><br>

This tag defines a thematic break in an HTML page (e.g. a shift of topic).<br>

This element is most often displayed as a horizontal rule that is used to separate content (or
define a change) in an HTML page.<br>

<HR>

eg.HTML is the standard markup language for creating Web pages.

<HR>

<h1>h BR</h1><br>

This element produces a line break in text (carriage-return). It is useful for writing a poem or an
address, where the division of lines is significant.<br>

eg. Rose are red. <br> Sun is yellow.

<h1>i Pre</h1><br>

The pre tag in HTML is used to define the block of preformatted text which preserves the text
spaces, line breaks, tabs, and other formatting characters which are ignored by web
browsers.<br>

eg.<pre> GeeksforGeeks A Computer Science Portal For Geeks </pre>

<h1>j Blockquote</h1><br>

This tag specifies a section that is quoted from another source.

Browsers usually indent blockquote elements (look at example below to see how to remove the
indentation).<br>

eg.<blockquote cite="http://www.worldwildlife.org/who/index.html">

For 50 years, WWF has been protecting the future of nature. </blockquote>

</body>

</head>

</html>

E-Commerce Lab File Page 10

Bhavya Shokeen
22621201722

ASSIGNMENT 3
Design a Web Page of your CV with headings as Objective, educational qualification,
achievements, strengths, hobbies and personal details.

Apply following specifications

Insert a horizontal line after every above mentioned heading (Eg. Insert horizontal line
once objectives are complete)

Set any light color as page background.

Bold and underline every heading

Insert your image on left side of web page

Use heading tag to specify the headings

After every heading is over put a horizontal line

Use pre tag for Educational Qualification

Use font tag for all the text.

OUTPUT-

E-Commerce Lab File Page 11

Bhavya Shokeen
22621201722

HTML CODE-

<html>

<head><title>

Bhavya Shokeen (22621201722)

</title></head>

<body bgcolor=yellow text=red>

<marquee><h3><b>CV</b></h3></marquee>

<h1>Bhavya Shokeen</h1>

<p align="left"><img src=Photo.jpg></p>

<h3>E-mail :- Bhavya*********@gmail.com<br>Ph No. 98******41</h3>

E-Commerce Lab File Page 12

Bhavya Shokeen
22621201722

<hr>

<h2><u>Objectives</u></h2>

<font color=black>1. Gain Expertise in Marketing and Management areas.

<br> 2. To secure a challenging position in a reputable organization to expand my

learnings, knowledge, and skills.

<br> 3. Secure a responsible career opportunity to fully utilize my training and

skills, while making a significant contribution to the success of the company.

<hr>

<font color=red><h2><u>Educational Qualification</u></h2>

<font color=black> 1. CBSE- Secondary School Examination.

<br>2. CBSE- Senior Secondary School Examinattion.

<br>3. BBA (G) - Guru Gobind Shokeen Indraprastha University.

<br>4. Mooc Course in Business Development.

<hr>

<font color=red><h2><u>Strengths</u></h2>

<font color=black> Fast Learner, Goal Oriented, Good Communication Skills,

Creative, Good in Problem Solving.

<hr>

<font color=red><h2><u>Hobbies</u></h2>

<font color=black> Dancing, Playing Table Tennis, Running.

<hr>

<font color=red><h2><u>Achievements</u></h2>

<font color=black>

1. Zonals Football 1st Position.

E-Commerce Lab File Page 13

Bhavya Shokeen
22621201722

</body>

</html>

ASSIGNMENT 4
Write a HTML code to print the following lines in same manners:

In Mathematics, a quadratic equation is a

polynomial equation of the second degree. The
general form is
ax2+bx+c=0
Where != 0 (For if a=0, the equation becomes a
linear equation)

"CHEMICAL EQUATION"

4H3PO3 = 3H3PO4+PH3
and other expression as
Pnew= Pold + X2-Yacosx

OUTPUT 1-

E-Commerce Lab File Page 14

Bhavya Shokeen
22621201722

HTML CODE-

<html>

<head><title> Bhavya Shokeen (22621201722)</title>

<body>

In Mathematics, a quadratic equation is a polynomial equation of the second degree. <br>

The general form is<br>

ax²+bx+c=0<br>

Where != 0 (For if a=0, the equation becomes a linear equation)

</body>

</head>

</html>

OUTPUT 2 –

HTML CODE-

<html>

<head><title> Bhavya Shokeen (22621201722)</title>

E-Commerce Lab File Page 15

Bhavya Shokeen
22621201722

<body>

<u>"CHEMICAL EQUATION"</u><br>

4H₃PO₃=3H₃PO₄+PH₃

<br>and other expression as

<br>P_new=p_old+X²-Y^acosx

</body>

</head></html>

ASSIGNMENT 5
Design a Web Site with the name as HTML tutorial with following specifications:

Make following hyperlinks (i.e. 5 different web pages):

1. Formatting Styles and Headings: Include Bold, italics, Underline, Strike, Subscript,
superscript and all six type of headings, br, hr, pre, p
2. Font Styles and Images: Font and Basefont tag, Image tag
3. Anchor: Internal (linking within page) and External (linking with other documents)
links
4. Marquee: Move text, image and hyperlink
5. Quotation and citation tags: <blockquote>,<q>, <abbr>, <address>, <cite>, <tt>and
<bdo>

Include following specifications:

In all these web pages only mention about use, attributes apply them.

Insert a background image on home page

Make all the topics as hyperlinks and go to some other page for description

Insert a marquee showing HTML Tutorial as moving text.

Use different font style for different topics

On every page, make a hyperlink for going back to home page.

E-Commerce Lab File Page 16

Bhavya Shokeen
22621201722

INDEX OUTPUT-

HTML CODE-

<html>

<head><title> Bhavya Shokeen (22621201722)</title>

<body>

<pre><h1>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page1.html>HTML</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page2.html>Font Styles and Images</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page3.html>Anchor</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page4.html>Marquee</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page5.html>Quotation and Citation Tags</a>

</h1>

</body>

</head>

</html>

E-Commerce Lab File Page 17

Bhavya Shokeen
22621201722

PAGE 1

OUTPUT-

HTML CODE-

<html>

<head><title>Bhavya Shokeen(22621201722)</title>

<body bgcolor=#85fff7>

<pre><h1>HTML</h1>

HTML stands for HyperText Markup Language. It is used to design web pages using a markup
language. HTML is the combination of Hypertext and Markup language.

Hypertext defines the link between web pages. A markup language is used to define the text
document within the tag which defines the structure of web pages.

This language is used to annotate (make notes for the computer) text so that a machine can
understand it and manipulate text accordingly.

E-Commerce Lab File Page 18

Bhavya Shokeen
22621201722

Most markup languages (e.g. HTML) are human-readable. The language uses tags to define what
manipulation has to be done on the text.

HTML is a markup language used by the browser to manipulate text, images, and other content,
in order to display it in the required format. HTML was created by Tim Berners-Lee in 1991.

The first-ever version of HTML was HTML 1.0, but the first standard version was HTML 2.0,
published in 1995.

<h1>Elements of HTML</h1>

HTML page structure: The basic structure of an HTML page is laid out below. It contains the
essential building-block elements (i.e. doctype declaration, HTML, head, title, and body
elements) upon which all web pages are created.

!DOCTYPE html: This is the document type declaration (not technically a tag). It declares a
document as being an HTML document. The doctype declaration is not case-sensitive.

html: This is called the HTML root element. All other elements are contained within it.

head: The head tag contains the “behind the scenes” elements for a webpage. Elements within
the head aren’t visible on the front-end of a webpage. HTML elements used inside the <head>
element include:

style-This html tag allows us to insert styling into our webpages and make them appealing to
look at with the help of CSS.

title-The title is what is displayed on the top of your browser when you visit a website and
contains title of the webpage that you are viewing.

base-It specifies the base URL for all relative URL’s in a document.

E-Commerce Lab File Page 19

Bhavya Shokeen
22621201722

noscript– Defines a section of HTML that is inserted when the scripting has been turned off in
the users browser.

script-This tag is used to add functionality in the website with the help of JavaScript.

meta-This tag encloses the meta data of the website that must be loaded every time the website is
visited. For eg:- the metadata charset allows you to use the standard UTF-8 encoding in your
website. This in turn allows the users to view your webpage in the language of their choice. It is
a self closing tag.

link– The ‘link’ tag is used to tie together HTML, CSS and JavaScript. It is self closing.

body-The body tag is used to enclose all the visible content of a webpage. In other words, the
body content is what the browser will show on the front-end.

An HTML document can be created using any text editor. Save the text file using .html or .htm.
Once saved as an HTML document, the file can be opened as a webpage in the browser.

<a href=file:///C:/Users/welc/OneDrive/Desktop/Index.html>Previous</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page2.html>Next</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page3.html>Page3</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page4.html>Page4</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page5.html>Page5</a>

<body>

</body>

</head>

</html>

E-Commerce Lab File Page 20

Bhavya Shokeen
22621201722

PAGE 2

OUTPUT-

HTML CODE-

<html>

<head><title>Bhavya Shokeen (22621201722)</title>

<body>

<pre><h1>Font Styles and Images</h1>

<h2>Font and Basefont Tag</h2>

The <b>font</b> tag in HTML plays an important role in the web page to create an attractive
and readable web page.

The font tag is used to change the color, size, and style of a text. The base font tag is used to set
all the text to the same size, color and face.

example-

<p style="color:red">This is a paragraph.</p>

E-Commerce Lab File Page 21

Bhavya Shokeen
22621201722

The HTML <b>basefont</b> tag defines the default font-family, font-size and color for the text
in the HTML document.

Since this tag was removed in HTML5, it is recommended that you use CSS properties such as
font, font-family, font-size and color to format the text in the document. This tag is also
commonly referred to as the <basefont> element.

<h2>Image Tag</h2>

HTML <img> tag is used to add image inside webpage/website. Nowadays website does not
directly add images to a web page, as the images are linked to web pages by using the <img> tag
which holds space for the image.

<img src=PC.jpg height=40% width=30%>

<a href=file:///C:/Users/welc /OneDrive/Desktop/page1.html>Previous</a> <a

href=file:///C:/Users/welc /OneDrive/Desktop/page3.html>Next</a>

<a href=file:///C:/Users/welc /OneDrive/Desktop/Index.html>Index</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page4.html>Page4</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page5.html>Page5</a>

</body>

</head>

</html>

PAGE3

OUTPUT-

E-Commerce Lab File Page 22

Bhavya Shokeen
22621201722

HTML CODE-

<html>

<head><title>Bhavya Shokeen (22621201722) </title>

<body>

<a href="#Go to bottom">

<pre><div id="Go to bottom">Go to top</div></a>

<h1>Anchor</h1>

E-Commerce Lab File Page 23

Bhavya Shokeen
22621201722

You might know that hyperlink which is a powerful means of browsing from web pages and
websites. It is developed for sending the readers or those who will perform surfing from one web
page to another without opening a new tab or window. In general, this refers to a link and is
given a reference to jump to another page, document, or from one part of the same page to
another using hypertext. So, now the question is, what hypertext is?

Hypertext can be defined as the text shown on your web browser's screen, which contains
hyperlinked data (data here means from which document it will go to which document) and
hence leads readers to different web pages by clicking on them. In this chapter, you will learn
how to create your hyperlinks and use them to build websites and web pages.

The Anchor tag in HTML can be defined as a means to create a hyperlink that can link your
current page on which the text is being converted to hypertext via <a> (anchor tag) to another
page. This anchoring from one page to another is made possible by the attribute "href", which
can be abbreviated (hypertext reference).

The attribute 'href' of the Anchor tag is implemented for defining the address or path to which
this hypertext will get linked. In other words, it can be said that it directs you out of your page to
that destination page, whose link you have mentioned within the double quotes of the href
attribute as value. The syntax for an anchor tag with href attribute looks something like this:

<a href="URL">Text Here</a>

Since Anchor tags are used for giving hyperlinks, you might have noticed that they change color
based on certain situations, such as unvisited, clicked, visited, etc. Let's see their color code
concerning their activity:

An unvisited link gets displayed with properties like underlined, and the color is blue.

A link that is visited gets displayed as underlined with color as purple.

A link that is an active link gets displayed as underlined with red color.

E-Commerce Lab File Page 24

Bhavya Shokeen
22621201722

Still, many web developers will deposit their link colors in their web pages to match their site's
color scheme.

Attribute: The anchor tag contains many attributes which are listed below.

HTML <a> charset Attribute: This attribute is used to specifies the character-set. It is not
supported by HTML 5.

HTML <a> download Attribute: It is used to specify the target link to download when the user
clicks.

HTML <a> hreflang Attribute: It is used to specify the language of the linked document.

HTML <a> media Attribute: It is used to specify the linked media.

HTML <a> coords Attribute: It is used to specify the coordinate of links. It is not supported by
HTML 5.

HTML <a> name Attribute: It is used to specify the anchor name. It is not supported by HTML 5
you can use the global id attribute instead.

HTML <a> rel Attribute: It is used to specify the relation between the current document and the
linked document.

HTML <a> shape Attribute: It is used to specify the shape of the link. It is not supported by
HTML 5.

HTML <a> type Attribute: It is used to specify the type of links.

E-Commerce Lab File Page 25

Bhavya Shokeen
22621201722

HTML <a> target Attribute: It specifies the target link.

HTML <a> rev Attribute: It is used to specify the relation between the linked document and the
current document. It is not supported by HTML 5.

<a href="#Anchor">

<div id="Anchor">Go to bottom</div></a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page2.html>Previous</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page4.html>Next</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/Index.html>Index</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page1.html>Page1</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page5.html>Page5</a>

</body>

</head>

</html>

PAGE 4-

OUTPUT-

E-Commerce Lab File Page 26

Bhavya Shokeen
22621201722

HTML CODE-

<html>

<head><title>Bhavya Shokeen (22621201722) </title>

<body>

<pre><h1>Marquee</h1>

Marquee is one of the important tags introduced in HTML to support such scrollable texts and
images within a web page. In this tutorial, you will be learning about the Marquee tag and its
different attributes for developing a well-groomed static website.

E-Commerce Lab File Page 27

Bhavya Shokeen
22621201722

The marquee tag is a container tag of HTML is implemented for creating scrollable text or
images within a web page from either left to right or vice versa, or top to bottom or vice versa.
But this tag has been deprecated in the new version of HTML, i.e., HTML 5.

example-

<Marquee behavior=alternate bgcolor=orange><h1>Importance of HTML</h1></marquee>

1. HTML can help you build your own unique website.<br>

2. You’ll no longer have to wait for your IT team.<br>

3. HTML helps you understand how to make things more accessible.<br>

4. Knowing HTML helps you collaborate more effectively with technical teams.<br>

5. Your designs can shine with HTML.

<marquee behavior=alternate><img src= html.png></marquee>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page3.html>Previous</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page5.html>Next</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/Index.html>Index</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page1.html>Page1</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page2.html>Page2</a>

</body>

</head>

</html>

PAGE 5

OUTPUT-

E-Commerce Lab File Page 28

Bhavya Shokeen
22621201722

E-Commerce Lab File Page 29

Bhavya Shokeen
22621201722

HTML CODE-

<html>

<head><title> Bhavya Shokeen (22621201722)</title>

<body bgcolor=#ffce85>

<pre><h1>Quotation and Citation Tags</h1>

<h2>Blockquote Tag</h2>

The blockquote tag specifies a section that is quoted from another source.

E-Commerce Lab File Page 30

Bhavya Shokeen
22621201722

Browsers usually indent blockquote elements (look at example below to see how to remove the
indentation).

<blockquote cite="http://www.worldwildlife.org/who/index.html">

For 50 years, WWF has been protecting the future of nature. The world's leading conservation
organization, WWF works in 100 countries.

It is supported by 1.2 million members in the United States and close to 5 million globally.

</blockquote>

<HR>

<h2>q Tag</h2>

The q tag is a standard quotation tag and used for short quotation. The browser normally inserts a
quotation mark around the quotation.

For longer quotations, the blockquote tag must be used since it is a block-level element. The q
tag requires a starting as well as end tag.

example-

<q>AI is useful as well as dangerous.</q>

<HR>

<h2>abbr Tag</h2>

The abbr tag(Abbreviation) in HTML is used to define the abbreviation or short form of an
element.

The abbr and acronym tags are used as shortened versions and used to represent a series of
letters. The abbreviation is used to provide useful information to the browsers,

translation systems, and search-engines.

examle-

<abbr title=''> Short form </abbr>

<HR>

<h2>address Tag</h2>

The address tag in HTML indicates the contact information of a person or an organization. If
address tag is used inside the body tag then it represents the contact information of the document

E-Commerce Lab File Page 31

Bhavya Shokeen
22621201722

and if the address tag is used inside the article tag, then it represents the contact information of
the article.

The text inside the address tag will display in italic format. Some browsers add a line break
before and after the address element.

example-

D4/21A,<address>New Delhi</address>

<HR>

<h2>cite Tag</h2>

The cite tag defines the title of a creative work (e.g. a book, a poem, a song, a movie, a painting,
a sculpture, etc.).

Note: A person's name is not the title of a work.

The text in the cite element usually renders in italic.

example-

<cite>The Scream</cite> by Edward Munch. Painted in 1893.

<HR>

<h2>tt Tag</h2>

The tt tag is the abbreviation of teletype text. This tag is depreciated from HTML 5. It was used
for marking Keyboard input. It was mainly used for formatting purposes. This tag was used in
HTML 4(Not Supported in HTML5).

example-

<tt>It is a computer science portal for geeks.</tt>

<HR>

<h2>bdo Tag</h2>

The bdo stands for Bi-Directional Override. This tag is used to specify the text direction or used
to change the current direction.

example-

<bdo dir="rtl">This text will go right-to-left.</bdo>

E-Commerce Lab File Page 32

Bhavya Shokeen
22621201722

<a href=file:///C:/Users/welc/OneDrive/Desktop/page4.html>Previous</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/Index.html>Index</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page1.html>Page1</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page2.html>Page2</a>

<a href=file:///C:/Users/welc/OneDrive/Desktop/page3.html>Page3</a>

</body>

</head>

</html>

ASSIGNMENT 6
Design tables as follows:

With all attributes

Roll Name Course Marks

no
1 Ajay BBA 78
Kumar
2 Kavita BCA 62
Sharma
3 Rohit BBA 87
Garg CAM
4 Pooja BBA 67
Kapoor
5 Mohit BBA 72
Gupta CAM
E-Commerce Lab File Page 33
Bhavya Shokeen
22621201722

OUTPUT-

HTML CODE-

<html>

<head><title> Bhavya Shokeen (22621201722)</title>

<body>

<Table Rules=all border=all>

<tr><td>Roll No.</td><td>Name</td><td>Course</td><td>Marks</td></tr>

<tr><td>1</td><td>Ajay Kumar</td><td>BBA</td><td>78</td></tr>

<tr><td>2</td><td>Kavita Sharma</td><td>BCA</td><td>68</td></tr>

<tr><td>3</td><td>Rohit Garg</td><td>BBA CAM</td><td>87</td></tr>

<tr><td>4</td><td>Pooja Kapoor</td><td>BBA</td><td>67</td></tr>

E-Commerce Lab File Page 34

Bhavya Shokeen
22621201722

<tr><td>5</td><td>Mohit Gupta</td><td>BBA CAM</td><td>72</td><tr>

</body>

</head>

</html>

ASSIGNMENT 7
Design following table:

Marks
Rol Nam Cours
Interna Externa Tota
l No e e
l l l
123 abc BBA 20 60 80

E-Commerce Lab File Page 35

Bhavya Shokeen
22621201722

789 xyz BCA 15 65 80

OUTPUT-

HTML CODE-

<html>

<head><title> Bhavya Shokeen (22621201722)</title>

<body>

<Table align=center Rules=all border=all>

<tr><td rowspan=2>Roll No.</td><td rowspan=2>Name</td><td rowspan=2>Course</td><td

colspan=3>Marks</td></tr>

<tr><td>Internal</td><td>External</td><td>Total</td></tr>

<tr><td>123</td><td>abc</td><td>BBA</td><td>20</td><td>60</td><td>80</td></tr>

<tr><td>789</td><td>xyz</td><td>BCA</td><td>15</td><td>65</td><td>80</td></tr>

</body>

</head>

ASSIGNMENT 8

E-Commerce Lab File Page 36

Bhavya Shokeen
22621201722

Design table in HTML.

IP University Courses
Graduate Post Graduate
B. M.
BBA BCA MBA MCA
Tech Tech
240 120 100 200 100 80
OUTPUT-

HTML CODE-

<html>

<head><title> Bhavya Shokeen (22621201722)</title></head>

<body>

<Table align=center Rules=all border=all>

<tr><td colspan=6>IP University Courses</td></tr>

<tr><td colspan=3>Graduation</td><td colspan=3>Post Graduation</td></tr>

<tr><td>BBA</td><td>BCA</td><td>B. tech.</td><td>MBA</td><td>MCA</td><td>M.
tech.</td></tr>

<tr><td>240</td><td>120</td><td>100</td><td>200</td><td>100</td><td>80</td></tr>

</body></html>

E-Commerce Lab File Page 37

Bhavya Shokeen
22621201722

ASSIGNMENT 9
Desin a web page Using HTML:

Time Table for BBA(G) -II Section C (Eve)

Class Coordinator: Dr. Anamika Rana
9:00- 10:15- 11:30- 1:00-2:15-
  10:00 11:15 12:30 2:00 3:15
ECOM
Monday QT CA BC BE M
ECOM ECOM
ECOM M M
Tuesday BC M BE LAB LAB
ECOM ECOM
Wednes M M
day QT LAB LAB BC CA
E
Thursda COM
y BE CA M Lun QT  
ECOM ch
Friday M QT BE Bre CA BC
Saturday   CA QT ak BE  
Subject Faculty
ECOMM:Dr.
CA: Dr. ANITA Anamika BC: Dr.Nisha Bamel
ECOMM
QTOR: Mr. Shashi LAB:Dr.Anami
Kant Pandey ka BE:Dr.Suhasini

OUTPUT-

E-Commerce Lab File Page 38

Bhavya Shokeen
22621201722

HTML CODE-

<html>

<head><title> Bhavya Shokeen (22621201722)</title>

<body>

<Table align=center Rules=all border=all>

<tr><th colspan=7><b>Time Table for BBA(G) - II Section C (Eve)</b></th></tr>

<tr><th colspan=7><b>Class Coordinator: Dr. Anamika Rana</b></th></tr>

<tr><b><th></th><td>9:00-10:00</td><td>10:15-11:15</td><td>11:30-12:30</td><th
rowspan=7>Lunch/Break</th><td>1:00-2:00</td><td>2:15-3:15</td></b></tr>

<tr><b><th>Monday</th></b><td>QT</td><td>CA</td><td
bgcolor=Yellow>BC</td><td>BE</td><td>ECOMM</td></tr>

<tr><b><th>Tuesday</b></th><td
bgcolor=Yellow>BC</td><td>ECOMM</td><td>BE</th><td>ECOMM
LAB</td><td>ECOMM LAB</td></tr>

E-Commerce Lab File Page 39

Bhavya Shokeen
22621201722

<tr><th><b>Wednesday</b></td><td>QT</td><td>ECOMM LAB</td><td>ECOMM
LAB</td><td bgcolor=Yellow>BC</td><td>CA</td></tr>

<tr><th><b>Thursday</b></th><th>BE</td><td>CA</td><td>ECOMM</td><td>QT</td>

<tr><th><b>Friday</b></th><td>ECOMM</td><td>QT</td><td>BE</td><td>CA</td><td
bgcolor=Yellow>BC</td><tr>

<tr><th><b>Saturday</b></th><td></td><td>CA</td><td>QT</td><td>BE</td></tr>

<tr><th colspan=7><b>Subject Faculty</b></th></tr>

<tr><td colspan=2>CA: Dr. Anita</td><td colspan=2>ECOMM: Dr. Anamika</td><td

colspan=3>BC:Dr. Nisha Bansal</td></tr>

<tr><td colspan=2>QT: Mr. Shashi Kant Pandey</td><td colspan=2>ECOMM LAB: Dr.

Anamika</td><td colspan=3>BE: Dr. Suhasini</td></tr>

</body>

</head>

</html>

ASSIGNMENT 10
Create a nested list as follows:

Computer System

1. Input Devices

i. Keyboard

ii. Mouse

iii. Joystic

iv. Scanner

a. Flat Bed Scanner

b. Hand held Scanner

E-Commerce Lab File Page 40

Bhavya Shokeen
22621201722

2. Output Devices

i. Monitor

a. LCD

b. CRT

ii. Printer

I. Impact Printer

II. Non Impact Printer

Apply following parts:

Insert an image of computer on top right corner of web page

Display a marquee displaying “Input and Output Devices”

Use different font styles and colors for Input and Output Devices

Insert horizontal line after Input Devices are over

Use bold, italics and underline in headings.

OUTPUT-

E-Commerce Lab File Page 41

Bhavya Shokeen
22621201722

HTML CODE-

<html>

<head><title> Bhavya Shokeen (22621201722)</title>

<body>

<Marquee>Input and Output Devices </Marquee>

<p align="right"><img src=Computer.jpg height=20% width=30%></p>

<h1>Computer System</h1>

<ol style="color:red">

<li><u><b>Input Devices</b></u></li>

<ol type=i>

<li><i>Keyboard</i></li>

<li><i>Mouse</i></li>

<li><i>Joystick</i></li>

E-Commerce Lab File Page 42

Bhavya Shokeen
22621201722

<li><i>Scanner</i></li></ol>

<ol type=a>

<li>Flat Bed Scanner</li>

<li>Hand Held Scanner</li></ol></ol>

<hr>

<dl style="color:blue">

<li><b><u>Output Devices</b></u></li>

<ol type=i>

<li><i>Monitor</i></li>

<ol type=a>

<li>LCD</li>

<li>CRT</li></ol>

<li><i>Printer</i></li>

<ol type=I>

<li>Impact Printer</li>

<li>Non Impact Printer</li>

</dl>

</body>

</head>

</html>

E-Commerce Lab File Page 43

Bhavya Shokeen
22621201722

ASSIGNMENT 11
Create a HTML webpage which display the following list.

FRUITS & VEGETABLES

A. Vegetables

• Onion

• Tomato

• Radish

• Potato

• Carrot

B. Fruits

• Apple

• Banana

• Water-Melon

• Mango

• Grapes

Newspaper & Magazine

o Newspaper

5. The Times of India

6. Hindustan Times

7. Navbharat Times

8. Punjab Kesari

9. Dainik Jagran

o Magazine

i. Business Times

E-Commerce Lab File Page 44

Bhavya Shokeen
22621201722

ii. The Week

iii. India Today

iv. Harvard Business Review

v. Computer World

Apply following parts:

Put horizontal line after newspaper and magazine

Apply heading tag for newspaper and magazine

Apply a background color

Insert marquee tag displaying “Newspapers and Magazines” .

OUTPUT-

HTML CODE-

<html>

<head><title>Bhavya Shokeen (22621201722)</title></head>

E-Commerce Lab File Page 45

Bhavya Shokeen
22621201722

<body bgcolor=yellow>

<h1><b>FRUITS & VEGETABLES</b></h1>

<ol type=A>

<li>Vegetables</li>

<ul type=disc>

<li>Onion</li>

<li>Tomato</li>

<li>Potato</li>

<li>Carrot</li></ul>

<li>Fruits</li>

<ul type=disc>

<li>Apple</li>

<li>Banana</li>

<li>Water-Melon</li>

<li>Grapes</li></ul>

</ol>

<HR>

<marquee><h1>Newspaper and Magazine</h1></marquee>

<h1><b>Newspaper & Magazine</b></h1>

<ul type="circle">

<li>Newspaper</li>

<ol type=1>

<li>The Times of India</li>

<li>Hindustan Times</li>

<li>Navbharat Times</li>

E-Commerce Lab File Page 46

Bhavya Shokeen
22621201722

<li>Punjab Kesari</li>

<li>Dainik Jagran</li></ol>

<li>Magazine</li>

<ol type=i>

<li>Business Times</li>

<li>The Week</li>

<li>India Today</li>

<li>Harvard Business Review</li>

<li>Computer World</li>

</ol></ul>

<HR>

</body></html>

E-Commerce Lab File Page 47

Bhavya Shokeen
22621201722

ASSINGMENT 12
Create a student registration form with the help of HTML.

OUTPUT-

HTML CODE-

<html>

<head><title>

Bhavya Shokeen (22621201722)

</title></head>

<body bgcolor=#86e3de>

<form>

<pre>

<h1 align=center><u>Student Registration Form</u></h1>

<h3><label>Name: </label><input type=text value="Enter Full Name">

E-Commerce Lab File Page 48

Bhavya Shokeen
22621201722

<label>Father's Name: </label><input type=text>

<label>Mother's Name: </label><input type=text>

<label>Phone No. </label><input type=text value="+91 xxxxxxxxxx">

<label>E-Mail: </label><input type=text value=sample@example.com>

<label>Gender: </label><input type=radio name=abc><label>Male</label><input

type=radio name=abc><label>Female</label><input type=radio
name=abc><label>Others</label>

<label>Date of Birth: </label><input type=text size=1>-<input type=text size=1>-<input

type=text size=3>(dd-mm-yyyy)

<label>Address: </label><textarea rows=3>

House No.

Street:

Road:</textarea>

<label>Blood Group: </label><select>

<option>A+</option>

<option>B+</option>

<option>A-</option>

<option>B-</option>

<option>AB+</option>

E-Commerce Lab File Page 49

Bhavya Shokeen
22621201722

<option>AB-</option>

<option>O+</option>

<option>O-</option>

</select>

<label>Department: </label><input type=radio name=xyz><label>CSE</label><input

type=radio name=xyz><label>BCA</label><input type=radio name=xyz><label>BBA</label>

<label>Course: </label><input type=checkbox check><label>C </label><input

type=checkbox><label>C++ </label><input type=checkbox><label>JAVA </label><input
type=checkbox><label>AI </label><input type=checkbox><label>Machine Learning
</label><input type=checkbox><label>Robotics</label>

<label>Photo: </label><input type=file>

<label>Feedback: </label><textarea rows=4 cols=12>Enter Your Feedback</textarea>

<label>Password: </label><input type=password>

<input type=Submit> <input type=Reset> <input type=button value="Click here to Go

Back">

</pre>

</form>

</body></html>

E-Commerce Lab File Page 50

Bhavya Shokeen
22621201722

ASSINGMENT 13
Create a student registration form with the help of HTML.

OUTPUT-

HTML CODE-

<html>
<head><title>Assignment 13</title></head>
<body>
<table border=All bgcolor=blue>
<tr><th colspan=2>Registration form</td><tr>
<tr><th><lable>Enter your first name</lable></th><td><input type=textbox value="enter your
first name"></td></tr>
<tr><th><lable>Enter your last name</lable></th><td><input type=textbox ></td></tr>
<tr><th><lable>Enter your password</lable></th><td><input type=password></td></tr>
<tr><th><lable>ReEnter your password</lable></th><td><input type=password></td></tr>
<tr><th><lable>Enter your emai</lable>l</th><td><input type=textbox></td></tr>
<tr><th><lable>Enter your mobile</lable></th><td><input type=textbox ></td></tr>
<tr><th><lable>Enter your address</lable></th><td><textarea rows=5 cols=30></textarea>
</td></tr>
<tr><th><lable>Select your gender</lable></th><td><lable>male</lable><input type=radio
name=a><lable>female</lable><input type=radio name=a></td></tr>
<tr><th><lable>Select your hobbies</lable></th><td><lable>hobby 1</lable><input type=radio
name=b><lable>hobby 2</lable><input type=radio name=b><lable>hobby 3</lable><input
type=radio name=b></td></tr>

E-Commerce Lab File Page 51

Bhavya Shokeen
22621201722

<tr><th><lable>select your DOB</lable></th><td><input type=date></td></tr>

<tr><th><lable>select your
country</lable></th><td><select><option>India</option><option>China</
option><option>Pakistan</option><option>Nepal</option><option>USA</
option><option>EU</option></select>
<tr><th><lable>Upload your pic</lable></th><td><input type=file></td></tr>
<tr><th colspan=2><input type=button value=Save My Data> <input type=button value=Reset
Data></td></tr>
</table>
</body>
</html>

ASSINGMENT 14
Design nested frames(10 frames) in HTML.

OUTPUT-

E-Commerce Lab File Page 52

Bhavya Shokeen
22621201722

HTML CODE-
<html>

<head>

<title>

Bhavya Shokeen (22621201722)

</title></head>

<frameset cols=33%,33%,*>

<frameset rows=33%,33%,*>

<frame src=a.jpg>

<frame src=b.jpg>

<frame src=c.jpg>

</frameset>

<frameset rows=33%,33%,*>

<frame src=d.jpg>

<frameset cols=50%,*>

E-Commerce Lab File Page 53

Bhavya Shokeen
22621201722

<frame src=e.jpg>

<frame src=f.jpg>

</frameset>

<frame src=g.jpg>

</frameset>

<frameset rows=33%,33%,*>

<frame src=h.jpg>

<frame src=i.jpg>

<frame src=j.jpg>

</frameset>

</frameset>

</html>

E-Commerce Lab File Page 54

Bhavya Shokeen
22621201722

ASSINGMENT-15
Design a web page for linking frames. (Hyperlink of one frame must open
in another frame)

OUTPUT-

E-Commerce Lab File Page 55

Bhavya Shokeen
22621201722

HTML CODE-

<html>
<heah><title>Assignment 15</title></head>
<frameset cols=20%,*>
<frame src="Bhavya Shokeen10.html">
<frame src=BhavyaShokeen13.html name=A>
</frameset>
</html>

Assignment 16
Insert multimedia components in HTML.

Output-

HTML Code -

<html>

<head><title>Bhavya Shokeen (22621201722)</title></head>

<body>

E-Commerce Lab File Page 56

Bhavya Shokeen
22621201722

<h2>Image</h2>

<img src=html.png height=300 width=400></img>

<hr>

<h2>Audio</h2>

<audio controls>

<source src=audio.mp3 type="audio/mpeg">

</audio>

<hr>

<h2>Video</h2>

<video height=40% width=45% controls>

<source src=video.mp4 type="video/mp4">

</video>

</body>

</html>

E-Commerce Lab File Page 57