E COMMERCE LAB
SUBMITTED FOR PARTIAL FULFILMENT FOR THE AWARD OF THE DEGREE
BACHELOR OF BUSINESS ADMINISTRATION
TO
GURU GOBING SINGH INDRAPRSTHA UNIVERSITY, DELHI-110085
UNDER THE SUPERVISION OF
Dr. JASJEET SINGH
SUBMITTED BY: GAURAV BISHT
(70480001723)
GITARATTAN INTERNATIONAL BUSINESS SCHOOL, DELHI-110085
(BATCH 23-26)
1
ACKNOWLEDGEMENT
It is indeed a matter of great pleasure and privilege for me to
acknowledge invaluable help, assistance , guidance and inspiration
which I developed from a number of great personalities during the
course of action and research work in hand.
The study would not have been possible without the help and proper
guidance and valuable suggestions of Dr. JASJEET SINGH
I take this opportunity to express my gratitude and deep respect to
him for supervising my dissertation
I have received valuable help and assistance from my friends who
have helped me in correcting my mistakes
I cannot conclude without a note of thanks to the members and staff
of libraries at GITARATTAN INTERNATIONAL BUSINESS
SCHOOL, DELHI-110085
CERTIFICATE
2
I ,GAURAV BISHT , roll no 70480001723 certify that this practical
file is completed by me and it is an authentic work carried out by me
at Gitarattan International Business School.
Signature of the student:
Date:
Certified that the practical file done by GAURAV BISHT, roll no
73680001723 is completed under my guidance
Signature:
Date:
TABLE OF CONTENTS
3
4
Q1) INTRODUCTION TO BASIC TAGS:HTML, HEAD, BODY ,TITLE
ETC
<!DOCTYPE html>
<html>
<head>
<title>Document Title</title>
</head>
<body>
<h1>Welcome to HTML Basics</h1>
<p>This is a paragraph of text.</p>
</body>
</html>
Q2) BODY TAG ATTRIBUTES: CHANGING THE BACKGROUND
COLOR ETC
<!DOCTYPE html>
5
<html>
<head>
<title>Background Color Change</title>
</head>
<body style="background-color: lightblue;">
<h1>Welcome to Colorful World!</h1>
<p>Changing background color is fun!</p>
</body>
</html>
Q3) PARAGRAPH TAG: CREATING PARAGRAPHS
HEADING TAG: DIFFERENT SIZES OF TEXT ETC
<p>Creating Paragraphs</p>
6
<h1>Different sizes of text</h1>
<h2>Different sizes of text</h2>
<h3>Different sizes of text</h3>
<h4>Different sizes of text</h4>
<h5>Different sizes of text</h5>
<h6>Different sizes of text</h6>
Q4) FONT TAGS: TEXT FORMATTING INCLUDING CHANGING FONT
TYPE, BOLD , ITALICS, UNDERLINE, ETC
<p style="font-family: Arial; font-weight: bold;">This text is bold and in Arial font.</p>
<p style="font-style: italic;">This text is italicized.</p>
7
<p style="text-decoration: underline;">This text is underlined.</p>
Q5) FONT TAGS: TEXT FORMATTING INCLUDING CHANGING FONT
COLORS, ALIGNMENTS ETC
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text Formatting</title>
<style>
.red-text {
color: red;
8
.center-align {
text-align: center;
}
</style>
</head>
<body>
<p class="red-text center-align">This text is formatted with red color and centered
alignment.</p>
</body>
</html>
9
Q6) FONT TAGS: TEXT FORMATTING INCLUDING CHANGING SIZE, STYLE ETC
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text Formatting</title>
<style>
.large {
font-size: 24px;
.italic {
font-style: italic;
.underline {
text-decoration: underline;
.blue {
color: blue;
</style>
</head>
<body>
<p class="large">This is a large text.</p>
10
<p class="italic">This text is italicized.</p>
<p class="underline">This text is underlined.</p>
<p class="blue">This text is blue.</p>
</body>
</html>
Q7) ADDING MULTIMEDIA COMPONENTS TO A WEBPAGE
IMAGE TAG: ADDING AN IMAGE
IMAGE TAG: CHNGING ALIGNMENTS, SIZE OF IMAGE
<!-- Adding an image -->
<img src="image.jpg" alt="Description of Image">
11
<!-- Changing alignments, size of image -->
<img src="image.jpg" alt="Description of Image" style="width: 50%; height: auto;
display: block; margin: 0 auto;">
Q8) ANCHOR TAG: LINKING THE WEBSITE
DESIGNING WEBPAG: CHANGING LAYOUT, ADDING A HORIZONTAL LINE
<!-- Anchor tag: Linking to a website -->
<a href="https://www.example.com">Visit our website</a>
<!-- Designing Webpage: Changing layout, adding a horizontal line -->
<style>
body {
font-family: Arial, sans-serif;
12
}
hr {
border: 1px solid #ccc;
</style>
Q9) LIST TAG: INTRODUCTION TO VARIOUS LIST
LIST TAG: CUSTOMIZING THE LOOK OF YOUR LISTS
<!-- Unordered List -->
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
13
<!-- Ordered List -->
<ol>
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>
Q10) LIST TAG: UNORDERED LIST
LIST TAG: CUSTOMIZING THE LOOK OF YOUR LISTS
<!-- Unordered List -->
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
14
<!-- Customizing the look of your lists -->
<style>
ul {
list-style-type: square;
color: blue;
</style>
Q11) TABLE TAG: CREATING TABLES
<table>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>John Doe</td>
<td>30</td>
15
</tr>
<tr>
<td>Jane Smith</td>
<td>25</td>
</tr>
</table>
Q12) TABLE TAG: ROW SPAN, COLUMN SPAN
<table border="1">
<tr>
<td rowspan="2">Row 1, Col 1</td>
<td>Row 1, Col 2</td>
<td>Row 1, Col 3</td>
</tr>
<tr>
<td colspan="2">Row 2, Col 2-3</td>
16
</tr>
</table>
Q13) CREATING TIME TABLE OF COOLEGE IN A TABULAR MANNER
<table>
<tr>
<th>Time</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
</tr>
<tr>
<td>8:00 - 9:00</td>
17
<td>Math</td>
<td>Physics</td>
<td>Chemistry</td>
<td>English</td>
<td>History</td>
</tr>
<tr>
<td>9:00 - 10:00</td>
<td>Physics</td>
<td>Chemistry</td>
<td>English</td>
<td>History</td>
<td>Math</td>
</tr>
<tr>
<td>10:00 - 11:00</td>
<td>Chemistry</td>
<td>English</td>
<td>History</td>
<td>Math</td>
<td>Physics</td>
</tr>
</table>
18
Q14) WORKING WITH FRAMES: INTRODUCTION TO FRAMESET TAGS
<!DOCTYPE html>
<html>
<head>
<title>Using Frames</title>
</head>
<frameset cols="25%,50%,25%">
<frame src="frame1.html">
<frame src="frame2.html">
<frame src="frame3.html">
</frameset>
</html>
19
Q15) WORKING WOTH FRAMES: CREATE FRAMES ROW WISE
<table>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
</tr>
</table>
20
Q16) WORKING WITH FRAMES: CREATING FRAMES COLUMN WISE
<table>
<tr>
<td>Column 1</td>
<td>Column 2</td>
<td>Column 3</td>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
</table>
21
Q17) FORM CONTROLS: INTRODUCTON TO FORM TAGS, FORM CONTROLS:
LABEL, TEXT INPUT CONTROLS
<form>
<label for="username">Username:</label>
<input type="text" id="username" name="username">
</form>
22
Q18) FORM CONTROLS: CHECKBOXES CONTROLS, FORM CONTROLS: RADIO
BOX CONTROLS
<input type="checkbox" id="checkbox1" name="checkbox1" value="checkbox1">
<label for="checkbox1">Checkbox 1</label><br>
<input type="checkbox" id="checkbox2" name="checkbox2" value="checkbox2">
<label for="checkbox2">Checkbox 2</label><br>
<input type="checkbox" id="checkbox3" name="checkbox3" value="checkbox3">
<label for="checkbox3">Checkbox 3</label><br>
23
Q19) FRAME CONTROLS: SUBMIT AND RESET BUTTON
<form action="/submit-form" method="post">
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
24
Q20) DESIGN OF STUDENT ADMISSION FORM
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Student Admission Form</title>
<style>
/* Add your CSS styles here */
</style>
</head>
<body>
<h1>Student Admission Form</h1>
<form action="/submit-admission" method="POST">
<label for="fullname">Full Name:</label>
<input type="text" id="fullname" name="fullname" required><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="dob">Date of Birth:</label>
<input type="date" id="dob" name="dob" required><br><br>
25
<label for="course">Desired Course:</label>
<select id="course" name="course">
<option value="engineering">Engineering</option>
<option value="medicine">Medicine</option>
<option value="business">Business</option>
</select><br><br>
<label for="comments">Additional Comments:</label><br>
<textarea id="comments" name="comments" rows="4"
cols="50"></textarea><br><br>
<input type="submit" value="Submit">
</form>
</body></html>
26
