Scribd
Upload
130 views28 pages

HTML File Final Viva

The document provides an index of practical files on e-commerce lab submitted as a partial fulfilment for Bachelor of Commerce with Honours degree. It lists 15 practical questions related to designing web documents using HTML tags like paragraph, headings, lists, tables, images, forms etc. It provides the guidelines, subject name and details of the student and faculty guide submitting the file.

Uploaded by

Dharmesh Goyal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
130 views28 pages

HTML File Final Viva

The document provides an index of practical files on e-commerce lab submitted as a partial fulfilment for Bachelor of Commerce with Honours degree. It lists 15 practical questions related to designing web documents using HTML tags like paragraph, headings, lists, tables, images, forms etc. It provides the guidelines, subject name and details of the student and faculty guide submitting the file.

Uploaded by

Dharmesh Goyal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 28

PRACTICAL FILE

ON
E-COMMERCE LAB
B.COM(H)-308
Submitted in partial fulfilment of the requirement of Bachelor
of Commerce with honours [B.COM(H)]

UNDER THE GUIDANCE : SUBMITTED BY :


Ms. Pallavi Sharma Dharmesh Goyal
Associate Professor (MGT) B.COM(H) VITh sem
CPJ-CHS 00221588818

(SESSION 2018-2021)
CHANDERPRABHU JAIN COLLEGE OF HIGHER STUDIES
& SCHOOL OF LAW
AN ISO 9001:2008 CERTIFIED INSTITUTE (APPRPOVED BY GOVT. Of NCT of
Delhi)Plot no OCF Sector A-8 Narela New Delhi-40
INDEX

SERIAL PARTICULARS / NAME OF PRACTICAL


NO.
1. Print a paragraph i.e. a description of a book which includes its title and author’s
name and publication name.

2. Design a web document by using html to implement the colors as background


color and a text color.

3. Design a web document by using the html to implement the scripts and also
formatted the text.

4. Make a resume in html document with objectives, education and hobbies and
extra curriculum activities.

5. How to insert an image in a webpage.

6. Design a web document by using the html to implement the ordered list and
unordered list.

7. To create a table in html that contains record for 10 students.

8. Design the following output in html- top, bottom, left, right and middle.

9. Construct a pair of tables. Using the table attributes of cell spacing, cell padding
and border. Get your table to look like the following and centre it across the
width of the page.

10. Design a form using html code.

11. How to send an email form in html.

12. Make a program in html to divide the screen.

13. To develop the college website.

14. WAP to use style sheets in your webpage.

15. WAP to define various style sheets.


Ques 1. Print a paragraph that gives the description e-commerce/html book which includes title
and author of the book.
Coding:
<Html>
<Head>
<Title>e-commerce</title></head>
<Body>
<h1> E-commerce</h1>
<p>E-commerce (electronic commerce) is the activity of electronically buying or selling of
products on online services or over the Internet. Electronic commerce draws on technologies
such as mobile commerce, electronic funds transfer, supply chain management, Internet
marketing, online transaction processing, electronic data interchange (EDI), inventory
management systems, and automated data collection systems. E-commerce is in turn driven
by the technological advances of the semiconductor industry, and is the largest sector of the
electronics industry.</p>
</body>
</html>

Output:

Ques 2. Design a web document by using html to implement the colors as background color and a
text color.
Coding:
<Html>
<Head>
<Title>lord ram</title></head>
<body bgcolor ="Pink">
<h1>LORD RAM</h1>
<p>Ram was the son of Dasaratha,the King of Ayodhya and his first queen Kausalya.He have
three brothers - Barath, Lakshman and Shatrughan, whose mothers are Kaikayi and Sumitra
respectively. Ram was the incarnation of Lord Vishnu. Rishi Viswamitra took Ram and
Lakshman in order to protect his yaga . During their way back they reached Mithila. It was
King Janak's daughter Sita's swayamvar . Ram broke the Triambaka Danush of Lord Shiva
and married Sita. Queen Kaikayi's maid Mandara put malicious thoughts into her mind as a
result Ram along with Sita and Lakshman had to go for Vanvas. There living in the forest,
Ram killed many demons. When they were living at Panjavadi, Shurpanka a demon tried to
attract Ram. Lakshman cut off her nose and breasts when she attacked Sita. As a result
Shurpanka's brother Ravan, abducted Sita. Ram and Lakshman together searches for her, and
finally with the help of Hanuman, Sugriv and other vanarsena wins the battle against Ravan
and retrieve Sita. They returns to Ayodhya after 14 years of vanvas. And Ram become the
King of Ayodhya.</p>
</body>
</html>
Output:

Ques 3. Design a web document using html to implement the scripts & formatted text also.
Coding:
<Html>
<Head>
<Title>html program</title></head>
<body bgcolor=”blue”>
<Body><p><strong>E-commerce (electronic commerce) is the activity of electronically
buying or selling of products on online services. </p></strong>
<Body><p><b>E-commerce (electronic commerce) is the activity of electronically buying or
selling of products on online services. <p/></b>
<Body><p><i>E-commerce (electronic commerce) is the activity of electronically buying or
selling of products on online services. </p></i>
<Body><p><u>E-commerce (electronic commerce) is the activity of electronically buying or
selling of products on online services. </p></u>
<Body><p><em>E-commerce (electronic commerce) is the activity of electronically buying
or selling of products on online services. </p></em>
<Body><pre>E-commerce (electronic commerce) is the Activity of electronically buying or
selling of products
On online services</pre>
</body>
</html>
In this program we used:-
● Strong script
● Bold script
● Italic script
● Underline script
● Emphasis script
● Preformatted script

OUTPUT:
Ques 4. Make a resume in html document with objective, professional education, hobbies and
extra activities, achievements.

Coding :-
<HTML>
<HEAD>
<TITLE>Make a Resume</TITLE>
</HEAD>
<BODY BGCOLOR="White">
<H2><CENTRE>RESUME</CENTRE></H2>
<P><B>NAME</B>3:-Dharmesh Goyal</BR>
<B>ADDRESS</B>:- LF-2 , Krish City , Tapukara , Rajasthan</BR>
<B>CONTACT NO.</B>:-9571306706</BR>
<B>E-MAIL ID</B>:[email protected] </BR></P>
<HR COLOR="RED">
<P><B>OBJECTIVES</B>-</BR>
<UL TYPE="Square">
<LI> To achieve a responsible place in an organisation with my best abilities of hard dedication and
knoweldge. </li>
</ul></p>
<p><b> PROFESSIONAL QUALIFICATION</B>-</BR>
<ULTYPE="CIRCLE">
<p><b> EDUCATION QULAIFICATION</B>-</BR>
<TABLE BORDER="1">
<TR>
<TH> EDUCATION</TH>
<TH> BOARD/UNIVERSITY</TH>
<TH> YEAR OF PASSING </TH>
<TH>PERCENTAGE(%)</TH>
</TR>
<TR>
<TD>B.COM(H)</TD>
<TD>GGSIPU</TD>
<TD>2021</TD>
<TD>80%</TD>
</TR>
<TR>
<TD>12<SUP>TH</SUP></TD>
<TD>CBSE</TD>
<TD> 2018 </TD>
<TD> 70% </TD>
</TR>
<TR>
<TD>10<SUP>TH</SUP></TD>
<TD>CBSE</TD>
<TD>2016</TD>
<TD>95%</TD>
</TR>
</TABLE>
<P><B>HOBBIES</B>-</BR>
<ULTYPE"CIRCLE">
<LI>LISTENING MUSIC</LI>
<LI>COOKING</LI>
</UL></P>
</BODY>
</HTML>

Output :

Ques 5. How to insert image in HTML webpage?


Coding:
<Html>
<Head>
<Title>mypage</title>
</head>
<Body>
<imgsrc=C:\Users\Anjul Bhatt Desktop TomandJerry.jpj"</body>
</html>
OUTPUT:
Ques 6. Draw a web document in html to implement the ordered list & unordered list.
Coding: -
(i) ordered list
<Html>
<Head>
<Title> Ordered List </title>
</head>
<Body>
<h1>HOW TO DRIVE A CAR </h1>
<ol type="a">
<Li> Fasten your seatbelt</li>
<Li>Start the car engine</li>
<Li> look around and go</li>
</ol>
</body>
</html>
Output:-
Coding :- (ii) unordered list
<Html>
<Head>
<Title> (ii) Unordered List </title>
</head>
<Body>
<h1> Table Fruit</h1>
<ul type="circle">
<Li>orange</li>
<Li>apple </li>
<Li> banana</li>
<Li> grapes</li>
</ul>
</body></html>

Output:-
Ques 7. Design a web document in html to create a table which contain a record of 10 students.
Coding:-
<Html>
<Head>
<Title> Record of Students </title>
</head>
<Body>
<Centre>
<h1>
<u> Student's List </u>
</h1>
</Centre>
<table border = 5 width = 1000>
<TR>
<Th> SNO. </Th>
<Th> Name </Th>
<Th> Roll NO. </Th>
<Th> Course </Th>
<Th> Year of Joining </Th>
</TR>
<TR>
<Th> 1 </Th>
<Th>ISHIKA</Th>
<Th> 0052 </Th>
<Th> B.com </Th>
<Th> 2018 </Th>
</TR>
<TR>
<Th> 2 </Th>
<Th>DEEPAK</Th>
<Th> 0354 </Th>
<Th> B.com </Th>
<Th> 2018 </Th>
</TR>
<TR>
<Th> 3 </Th>
<Th>PARIKSHIT</Th>
<Th> 0056 </Th>
<Th> B.com </Th>
<Th> 2018 </Th>
</TR>
<TR>
<Th> 4 </Th>
<Th>CHHAVI</Th>
<Th> 0058 </Th>
<Th> B.com </Th>
<Th> 2018 </Th>
</TR>
<TR>
<Th> 5 </Th>
<Th>RUBAL</Th>
<Th> 0060 </Th>
<Th> B.com </Th>
<Th> 2018 </Th>
</TR>
<TR>
<Th> 6 </Th>
<Th>SPARSH</Th>
<Th> 0362 </Th>
<Th> B.com </Th>
<Th> 2018 </Th>
</TR>
<TR>
<Th> 7 </Th>
<Th>UJJWAL</Th>
<Th> 0064 </Th>
<Th> B.com </Th>
<Th> 2018 </Th>
</TR>
<TR>
<Th> 8 </Th>
<Th>DIVYA</Th>
<Th> 0066 </Th>
<Th> B.com </Th>
<Th> 2018 </Th>
</TR>
<TR>
<Th> 9 </Th>
<Th>HIMANSHI</Th>
<Th> 0268 </Th>
<Th> B.com </Th>
<Th> 2018 </Th>
</TR>
<TR>
<Th> 10 </Th>
<Th>ANJALI</Th>
<Th> 0268 </Th>
<Th> B.com </Th>
<Th> 2018 </Th>
</TR>

</body>
</html>

Output:-
Ques 9) Construct a pair of tables. Using the table attributes of cell spacing, cell padding and
border. Get your table to look like the following and centre it across the width of the page.
Coding:-
<html>
<head> <title> Table creation in HTML</title>
</head> <body>
<center>
<style>
table, th, td {
border: 3.5px solid black;
} table, th, td { border: 1px solid black;
padding: 15px;
} table {
border-spacing: 25px; }
th, td { text-align: center;
}
</style> <table>
<th>SERIAL NO.</th> <th>NAME</th>
<th>AGE</TH>
<th>STREAM</th>
<tr>
<td>1</td>
<td>Dharmesh</td>
<td>20</td>
<td>Commerce</td>
</tr>
<td>2</td>
<td>Arjun</td>
<td>22</td>
<td>Commerce</td>
</tr>
<td>3</td>
<td>Yashika</td>
<td>20</td>
<td>Commerce</td>
</tr>
<td>4</td>
<td>Sahil</td>
<td>22</td>
<td>Commerce</td>
</tr>
<td>5</td>
<td>Arpit</td>
<td>21</td> <td>Commerce</td>

OUTPUT :-
Ques.10) Design a form using HTML Code
Coding:
<Html>
<Head>
<Title> Entrance form </Title>
</Head>
<Body>
<Center>
<H2>
<u> College Entrance Exam Form </u>
</H2>
</Center>
<Form>
<Table>
<Tr>
<Td> First name </Td>
<Td>
<Input type= “Text name=””>
</Td>
</Tr>
<Tr>
<Td> Last Name </Td>
<Td>
<Input type= “Text name=””>
</Td>
</Tr>
<Tr>
<Td> Father’s name </Td>
<Td>
<input type= “Text name=””>
</Td>
</Tr>
<Tr>
<Td> E-mail </Td>
<Td>
<input type= “Mail=””>
</Td>
</Tr>
<Tr>
<Td> Gender </Td>
<Td>
<input type= “radio” Name= “Gender”>Male
<input type= “radio” Name= “Gender”>Female
</Td>
</Tr>
<Td> Phone No. </Td>
<Td>
<input type= “phone” name=””>
</Td>
</Tr>
<Tr>
<Td> Qualification </Td>
<Td>
<Select>
<Option> B.com(H) <</Option>
<Option> BBA </Option>
<Option> BBA LLB <\Option>
<Option> BCA </Option>
<Option> BBA CAM <Option>
<Option> Others </Option>
</Select>
</Td>
</Tr>
<Tr>
<Td>
<button type= “Submit” value= “Submit”>
</Td>
</Tr>
<Tr>
<Td>
<Button type= “Reset” value= “Reset”>
</Td>
</Tr>
</Table>
</Form>
</Body>
</Html>
Output:-

Ques.11) How to send an E-mail form in HTML ?


Coding:
<Html>
<Head>
<Title> E-mail Form </Title>
</Head>
<Body>
<H2>HEY</H2>
<H3>This form send an E-mail</H3>
To:<Br>
<Input type= “Text” name= “Mail” size= “30”>
<Br>
Sub:<Br>
<Input type= “Text” name= “Name” size= “30”>
<Br>
Comment:<Br>
<Text area rows= “10” cols= “50”>
Comment Here:
</Text Area>
<Br> <Br>
<Input type= “Submit” value= “Send”>
<Input type= “Reset” value= “Reset”>
</Form>
</Body>
</Html>

Output:-

Ques 12) To Develop the College Website


Coding
<HTML>
<HEAD>
<TITLE>CPJ WEBPAGE </TITLE>
</HEAD>
<CENTER><H1><U><FONT COLOR="RED">CHANDERPRABHU JAIN COLLEGE OF
HIGHER STUDIES AND SCHOOL OF LAW</U></H1></CENTER>
<IMG SRC="C:\Users\Dharmesh\Desktop\homebanner.jpg"WIDTH="1000" HEIGHT="150"/>
<TABLE WIDTH="80%"BORDER="1">
<TR>
<TH><A HREF="#">HOME</A></TH>
<TH><A HREF="#">ABOUT US</A></TH>
<TH><A HREF="#">CONTACT</A></TH>
<TH><A HREF="#">COURSES</A></TH>
<TH><A HREF="#">NOTICE AND CIRCULARS</A></TH>
<TH><A HREF="#">STUDENT CORNER</A></TH>
</tr>
</HTML>
Output

Ques.13) Design the homepage for any tour and travel company that include following tags?
Coding:-
<Html>
<Head>
<Title>Homepage for tour and travel agency</Title>
</Head>
<Body bgcolor =”lightgreen”>
<H1><marquee>WELCOME</marquee></H1>
<Center>
<imgSrc=”C:/users/User/This PC/download (make my trip.com).jpg”height=30% width=30%/>
</Center>
<H2><font size=”5” color=”light green”> INTERNATIONAL PACKAGES OFFERED BY
MAKE MY TRIP.COM </Font></H2>
<ul type= “disc”>
<li><b> Mauritius </b></li>
<table border=”2”>
<tr>
<th> Flight name </th>
<th> Offer </th>
<th> Day/Night </th>
<th> Hotel </th>
<th> Price </th>
</tr>
<tr>
<th> South African Airways </th>
<th> 10% off on flights </th>
<th> 6Days/5Nights </th>
<th> Voila Hotel Bagatelle </th>
<th> 45,144 per person </th>
</tr>
<tr>
<th> Air India </th>
<th> 20% off on flights </th>
<th> 4Days/5Nights </th>
<th> Sands suits resort and spa </th>
<th> 33,000 per person </th>
</tr>
</table>
</ul>
<ul type= “disc”>
<li><b> INDONESIA </b></li>
<table border= “2”>
<tr>
<th> Flight name </th>
<th> Offers </th>
<th> Days/Nights </th>
<th> Hotel </th>
<th> Price </th>
</tr>
<tr>
<th> Thai Airways </th>
<th> 10% off on flights </th>
<th> 7Days/6Nights </th>
<th> Grand Hyatt Jakarta </th>
<th> 30,000 per person </th>
</tr>
<th> Etihad Airways </th>
<th> 15% off on early bookings </th>
<th> 5Days/6Nights </th>
<th> Starz Hotel Jakarta </th>
<th> 35,000 per person </th>
</tr>
</table>
</ul>
<ul type= “disc”>
<li><b> MALAYSIA </b></li>
<table border= “2”>
<tr>
<th> Flight name </th>
<th> Offers </th>
<th> Days/Nights </th>
<th> Hotel </th>
<th> Price </th>
</tr>
<tr>
<th> Jet Airways </th>
<th> 10% off on flights </th>
<th> 5Days/4Nights </th>
<th> Zentex Hotel </th>
<th> 44,250 per person </th>
</tr>
<th> Malaysia Airlines </th>
<th> 15% off on early bookings </th>
<th> 6Days/5Nights </th>
<th> Hindu Hotel </th>
<th> 35,750 per person </th>
</tr>
</table>
</ul>
</Body>
</Html>
Output:
Ques. 14: Write a program in HTML to make a vertical frameset with 3 different documents?
Coding:
<html>
<frameset cols="50%,30%,20%">
<frame src="C:\Users\Dharmesh\Desktop\Dharmesh.html">
<frame src="C:\Users\Dharmesh\Desktop\Dharmesh1.html">
<frame src="C:\Users\Dharmesh\Desktop\Dharmesh2.html">
</frameset>
</html>
Output
QUES. 15) Write a program in HTML to make horizontal frameset in 3 different documents ?
Coding
<html>
<frameset rows="50%,30%,20%">
<frame src="C:\Users\Dharmesh\Desktop\Dharmesh.html">
<frame src="C:\Users\Dharmesh\Desktop\Dharmesh1.html">
<frame src="C:\Users\Dharmesh\Desktop\Dharmesh2.html">
</frameset>
</html>

Output

You might also like