1

A Practical file of
E- Commerce Lab

BBA 111

Submitted to: Submitted by:

Ms. Disha Garg Name: - Mohit Kohli
Assistant Professor Class and Section:-
BBA-A
Shift: - Morning
RollNo:-
08715901720
RUKMINI DEVI INSTITUTE OF ADVANCED STUDIES

An ISO 9001:2015 Certified Institute

NAAC Accredited: A+ Grade (2 Cycle), Category A+ Institution

nd

(by SFRC, Govt of NCT of Delhi)

(Approved by AICTE, HRD Ministry, Govt. of

India) Affiliated to Guru Gobind Singh

Indraprastha University, Delhi

2A & 2B, Madhuban Chowk, Outer Ring Road, Phase-1, Delhi-

110085
2

Table of Content
S TOPIC  UNIT PAGE
NO.  NUMBER  NUMBER

1  HTML  1  4
{BASIC CODES}

2  BOLD AND   1  5
HORIZONTAL  CODE

3  UNDERLINE   1  6-7
AND  
ENLARGE TEXT

4  ALIGNMENT   1  8-9
AND  
BACKGROUND  COLOR

5  FONT STYLE   1  10
AND  
FONT FACE

6  IMAGE   1  11-12
AND  
BACKGROUND  COLOUR

7  ORDERED AND  UNORDERED  2  13

LIST

8  TABLE{TR AND  TD} 2  14

9  OL AND UL   2  15
LIST

10  ORDERED LIST AND  2  16-17

HYPER LINK

11  UNORDERED  LIST  2  18-19

AND  
TABLE

12  CELL SPACING  AND  2  20-21

CELL PADDING
3

13  RADIO AND   3  22

CHECKBOX

14  RADIO   3  23-24

BUTTONS

15  CHECKBOX   3  25-26

AND SUBMIT

16  LABEL AND   3  27

INPUT

17  TR AND TD 3  28-29

18  STYLE 3  30-31

19  FRAME NAME  AND FRAME   4  32

SET

20  FRAME ROWS 4  33-34

1. Create a webpage having your enrollment number as the title of the

page and perform the following tasks:
4

a. Insert your name, course, shift and section as Heading 1 of the

page.
b. Insert your friend’s name and Heading 2 of the page.
c. Write a paragraph of 4 lines on your friend using break line
tag.
INPUT:-
1. <title> used to define title
2. <h1> and <h2> for heading
3. <p> defines paragraph
4. <br> to break in text
5

2. Create a webpage having your name as the title of the page

and perform the following tasks:
a. Insert a heading “Welcome to RDIAS”.
b. Bold this heading.
c. Insert 4 paragraphs having the information regarding RDIAS i.e. why 12 th

students should join RDIAS if they are aspiring for BBA course.
d. Insert one horizontal line at the end of the webpage.

INPUT:-
1. <title> used to define title
2. <h1> for heading
3. <p> defines paragraph
4. <b> to bold text
5. <hr> to draw horizontal line

OUTPUT:-

3. Create a webpage having your class and section as the title of the
page and perform the following tasks:
6

a. Insert the following content as paragraph of the webpage:

Coronavirus disease (COVID-19) is an infectious disease caused by a newly

discovered coronavirus. Most people infected with the COVID-19 virus will
experience mild to moderate respiratory illness and recover without requiring
special treatment.  Older people, and those with underlying medical problems
like cardiovascular disease, diabetes, chronic respiratory disease, and cancer are
more likely to develop serious illness. The best way to prevent and slow down
transmission is to be well informed about the COVID-19 virus, the disease it
causes and how it spreads. Protect yourself and others from infection by
washing your hands or using an alcohol based rub frequently and not touching
your face. The COVID-19 virus spreads primarily through droplets of saliva or
discharge from the nose when an infected person coughs or sneezes, so it’s
important that you also practice respiratory etiquette (for example, by coughing
into a flexed elbow).

b. Underline the word “coronavirus” wherever it is written.

c. Enlarge the text “COVID-19” wherever it is written.
INPUT:-
1. <title> used to define title
2. <p> defines paragraph
3. <U> is used to underline the text
4. <big> is used to enlarge the text
7

OUTPUT:-
8

4. Create a webpage having your name as the title of the page and
perform the following tasks:
a. Insert your enrollment number as Heading 1 of the page and it should be
right aligned.
b. Insert your course, shift and section as Heading 2 of the page and it
should be center aligned.
c. Insert your college’s name as Heading 3 of the page.
d. Write a paragraph of 4 lines on your college clubs and the text color
should be red with background color as yellow.

INPUT:-
1. <title> used to define title
2. <h1> to <h3> for heading
3. <p> defines paragraph
4. <align right> to move text to right
5. <align centre> to move text to centre
6. <font color> to color the text of paragraph
7. <p style=”background-color:yellow;”> to have background color of text

OUTPUT:-
9

5. Create a webpage having your enrollment number as the title of the

page and perform the following tasks:
a. Insert a heading “Welcome to “Your section””.
b. Bold this heading and align it in center.
c. Insert 2 paragraphs having the information regarding your section and it’s
background color should be yellow and the font style should be Bradley
Hand ITC.
d. Insert one horizontal line at the end of the webpage

INPUT:-
1. <title> used to define title
10

2. <h1> for heading

3. <p> defines paragraph
4. <hr/> to horizontal line.
5. <align centre> to move text to centre.
6. <font face> to font style the text of paragraph.
7. <p style="background-color:yellow;"> to have background color of text.
8. <b> to bold the text.

OUTPUT:-

6. Create a webpage for a college event named “Tree Plantation

Activity” and perform the following tasks:
a. Insert a heading “RDIAS invites you Tree Plantation Activity of 2021”
followed by other headings including date, time and venue.(Note: Date,
time and venue should be written in different headings)
b. Background color should be yellow.
c. Insert one picture related to the activity.
d. Insert one paragraph describing the event having text color as green and
font style should be Bookman Old Style.
11

INPUT:-

1. <title> used to define title

2. <h1> for heading
3. <p> defines paragraph
4. <bgcolor> defines background colour
5. "C:\Users\inderjeetkaur\Pictures\Screenshots\treeplantation.jpg"
width="200" height="200" alt = "Tree plantation" /
6. <font face> to font style the text of paragraph
7. <p style="background-color:green;"> to have background color of text.

OUTPUT:-
12

7. Write the code and create the list as following:

13

1. List of Bakery
 Choco villa
 Creamolate
 Cake Cafe

2. List of Gym
 Anytime Fitness
 Gold Gym
 Body Crunch
INPUT:-
1. <title> defines the title of the webpage
2. <ul> to have unordered list.
3. <ol> to have ordered list.

OUTPUT:-

8. Write the code in HTML for creating the following table:

Student’s Name Shift

14

Anant Evening
Sanchit Morning
Monica Evening
Shyam Morning
INPUT:-
1. <title> defines title of image.
2. <tr> and <td> for inserting columns and rows and information.
3. <table> to insert a table.
4. <th> to add heading in table.

OUTPUT:-

9 Write the code and create the list as following:

15

1. List of Schools
a. DPS
b. Monfort
c. Kulachi Hansraj

2. List of Mobile phone brands

I. Apple
II. One Plus
III. Samsung
INPUT:-
1. <title> defines the title of the webpage
2. <ol> to have ordered list.

OUTPUT:-
16

10. Instructions for all the questions:- For every question students are needed to
create a webpage. It is mandatory to take the Print Screen or Snippet of the
Input and output of each task as asked in the tutorial sheet and paste the input
and output in the MS Word with proper numbering as given in the tutorial sheet.
Once done with the whole paper students have to save that document in the pdf
form and upload it on the portal.
Please note that every student should mention Input and Output as heading for
every question.

Develop a webpage for RDIAS fest "Razzmataz 2021". The title of the page
should be "RDIAS fest".
Identify and apply the tags that would be used while performing the followings
tasks:
1. Background color of the page should be yellow in color.
2. Heading should be "Razzmataz 2021".
3. Describe the event in one paragraph (Note: Use college's social media pages
as well as website for
this information)
4. Hyperlink this document with the site "https://events.rdias.ac.in" and this
hyperlinking should be
denoted by the name of "Register Here" on the main page.
5. Choose any 5 events from the information you have fetched from task
number 3 and list these 5
events in orderly manner.

INPUT:-
1. <title> defines the title of the webpage
2. <h1> defines heading of the html.
3. <p> defines the paragraph.
4. <hyperlink> to link a website in page.
5. <bgcolor> to have background color.
6. <ol> to have orderly manner.
17

OUTPUT:-
18

11.Identify and apply the tags that will be used in creating a HTML page with
your shift and section as
title of the page. Perform following tasks in that particular webpage:
1. Insert 3 headings having your name, course and enrollment number.
2. Use the image attribute and insert your passport size picture in the webpage.
3. Create a table of 2 rows and 2 columns having details of your enrollment
number and phone number.
4. Insert an unordered list of all the subjects you are having in this semester.
5. In body insert the full form of RDIAS.\

INPUT:-
1. <title> defines the title of the webpage
2. <h1> defines heading of the html.
3. <p> defines the paragraph.
4. <img src> to insert image.
5. <tr> and <td> for inserting columns and rows and information.
6. <table> to insert a table.
7. <ul> for unordered list.
8. definition list.
19

OUTPUT:-
20

12 .Write the code in HTML for creating the following table with the page title
as "Students” . Identify and apply the tags that will be used while performing
the following tasks:
NAME COURSE SHIFT SECTION
SAMEER BBA EVENING A
REETA MBA MORNING B
SHYAM MBA EVENING B
ANKIT BBA MORNING C
1. The background image of the table should be a picture of RDIAS.
2. Insert one new column and table heading should be "percentage secured" and
insert percentage
(Percentage should be of your choice)
3. The border color of the table should be red.
4. Set table border as 1, cell padding as 5 and cell spacing as 7.
INPUT:-
1. <title> defines the title of the webpage
2. <h1> defines heading of the html.
3. <p> defines the paragraph.
4. <bordercolor> to insert colors at table borders.
5. <background> to insert photo in background of table.
6. <cellspacing> and <cellpadding> to keep space between cells and table.
7. .<tr> and <td> for inserting columns and rows and information.
8. <table> to insert a table.
9. <th> to add heading in table.
10. <table border> space between borders.
21

OUTPUT:-
22

13. Create a form having combination of text fields where you will be writing
your first name and last name with addition to any 2 questions having radio
button and checkboxes with submit button.
INPUT:-

1.<title> to insert title of the webpage.

2.<h1> used for inserting heading.
3.<form> used to create a form.
4.<label> used to specify <input> element.
5.<br> used to break line in webpage.
6.<radio> to give a selective a single authority.
7.<checkbox> to select more answers.

OUTPUT:-
23

14. Create a form of 5 questions on HTML language using radio buttons. Each
question should have atleast 4 options with submit button.

INPUT:-

1.<title> to insert title of the webpage.

2.<h1> used for inserting heading.
3.<form> used to create a form.
4.<label> used to specify <input> element.
5.<br> used to break line in webpage.
6.<radio> to give a selective a single authority.
24

OUTPUT:-
25

15. Create a form of 4 questions on the subjects you are having in this semester
using checkboxes. Each question should have atleast 3 options with submit
button.
INPUT:-

1.<title> to insert title of the webpage.

2.<h1> used for inserting heading.
3.<form> used to create a form.
4.<label> used to specify <input> element.
5.<br> used to break line in webpage.
6.<submit> to submit the form.
7.<checkbox> to select more answers.
26

OUTPUT:-
27

Q16 Develop a webpage for RDIAS Admission query. The title of the page
should be your name with
the heading as “Contact us”. Identify and apply the tags that would be used
while making the form
and performing the followings tasks:
1. Insert text field of first name.
2. Insert text field of last name.
3. Insert text field of mobile number.
4. Insert text field of email id.
5. Insert submit button.

Note: Insert the candidate details according to your choice

INPUT:-
1.<title> to insert title of the webpage.
2.<h1> used for inserting heading.
3.<form> used to create a form.
4.<label> used to specify <input> element.
5.<br> used to break line in webpage.

 OUTPUT:-
28

Q17 Identify and apply the tags that will be used in creating a feedback
form for RDIAS using radio
buttons. The form should have atleast 5 questions with 3 options of
answers.

Note: Students can take up the questions related to RDIAS quality of

education, placement, events
etc.
INPUT:-
1.<title> to insert title of the webpage.
2.<h1> used for inserting heading.
3.<form> used to create a form.
4.<label> used to specify <input> element.
5.<br> used to break line in webpage.
6.<tr> and <td> are used to write the content.
29

 OUTPUT:-
30

Q18 Identify and apply the tags that will be used in creating the following
form on the webpage.
INPUT:-
1.<form> used to create a form.
2.<label> used to specify <input> element.
3.<br> used to break line in webpage.
4.<style> to insert colour and style in form.
5.<title> to insert title in webpage.
31

 OUTPUT:-
32

19. Create 2 webpages. One having your description in 4 lines using br

tag and second having your name, enrollment number, class and shift in
different headings. Now divide these two pages in frame having frameset
cols as 25%, 50% and 25%.

INPUT:-

1.<title> used to define title

2.<h1> and <h2> for heading

3.<p> defines paragraph

4.<br> to break in text

5.<frame name> to add frame content.

6.<frameset> to define frame.

OUTPUT:-
33

20. Create 3 webpages. One having your description in 4 lines using br

tag , second having

your name, enrollment number, class and shift in different headings and
third should be

having the subjects you are having in this semester. Now divide these 3
pages in horizontal

frame as row attributes.

INPUT:-

1.<title> used to define title

2.<h1> and <h2> for heading

3.<p> defines paragraph

4.<br> to break in text

5.<frame name> to add frame content.

6.<frameset> to define frame.

OUTPUT:-
34