Drishti Barreja (E-COMMERCE) Project File

E-COMMERCE
HTML PRACTICAL
Submitted to
GURU GOBIND SINGH INDRAPRASTHA

UNIVERSITY, NEW DELHI
In partial fulfillment of
Bachelor in Business Administration

By: Drishti Barreja
(Enrollment No. 01219301722)
Batch-2023-2026
UNDER THE GUIDANCE OF: DR AJAY SHARMA
KASTURI RAM COLLEGE OF HIGHER EDUCATION

(Affiliated to GGSIP University, New Delhi)
NARELA, DELHI – 110040
q
Question 1.
Answer HTML stands for Hypertext Markup Language and is

the basic structural element that is used to create Web Pages.
HTML is a markup language, which means that it is used to
“mark up” the content within a document, in this case a
webpage, with structural and semantic information that tells a
browser how to display a page. When an HTML document is
loaded by a web browser, the browser uses the HTML tags that
have marked up the document to render the page’s content.
There are three types of code that make up a basic website
page. HTML governs the structural elements, CSS styles those
elements, and JavaScript enables dynamic interaction between
those elements.
HTML Structure + CSS Style + JS Interaction = Web Page
QUESTION 2.
ANSWER
HTML elements and tags work together to markup content.
HTML elements indicate the purpose of a tag and tags indicate
the beginning and the end of an element.
For example, here is a simple paragraph in HTML:
This is a paragraph.
The letter “p” represents the paragraph element.
In this example, is an opening tag that tells the browser that the
content that follows it is a paragraph.
The slash in the second tag, indicates that it is a closing tag that
tells the browser that the paragraph element is ending and that
any content that appears after it is not part of the paragraph.
You may encounter serious display issues if you don’t remember
to “close” each tag because the browser will interpret this
pattern as meaning that the element identified by the opening
tag should continue for the rest of the page.
QUESTION 3.
ANSWER
A basic HTML page is a document that typically has the file
extension .html, though HTML frequently appears in the content of
other file types as well. All HTML documents follow the same basic
structure so that the browser that renders the file knows what to do.
The basic structure on which all webpages are built looks like this:
<!DOCTYPE html>
<html>
<head>
<title> Page Title </title>
</head>
<body>
<h1> this is a html file </h1>
<p> this is a paragraph </p>
</body>
</html>
QUESTION 4.
ANSWER
To save an HTML file:

The code given above is typed in Notepad. In order to save it as
an HTML document, go to the FILE menu and click on SAVE AS
option. Make sure you are in the correct drive and then type in a
file name and add the extension. “HTML”. Most importantly,
change the “SAVE AS TYPE” Text document to ALL TYPES so that
the html file extension is accepted.
QUESTION 5.
ANSWER
<html>
<body>
<title>This is a HTML File</title>
<h1>It is a project file</h1><br><h2>This is my File</h2></br>
<h3>My File</h3><br><h4>My File</h4></br>
<h5>My File</h5><br><h6>My File</h6></br>
<p>This is a Paragraph</p>
</body>
</html>
<html>
</head>
<body>
<figure>
<blockquote cite="https://www.huxley.net/bnw/four.html">
<p>Words can be like X-rays, if you use them properly—they’ll go through anything. You
read and you’re pierced.</p>
</blockquote>
<fig caption>—Aldous Huxley, <cite>Brave New World</cite></fig caption>
</figure>
</body>
</html>
<html>
<body>
<p>§1: The first rule of Fight Club is: You do not talk about Fight Club.</p>
<hr>
<p>§2: The second rule of Fight Club is: Always bring cupcakes.</p>
</body>
</html>
QUESTION 6.
ANSWER
<html>
<html><body><p><img border="5"
src="https://th.bing.com/th/id/OIP.1h1Agm9a2Y86_nYulGNLVAHaE8?
pid=ImgDet&rs=1" width="187" height="167"</p></body></html>
<html><title>ADMISSION FORM</title><body><p

align="center"><u><b>ADMISSION FORM</b></u><form
method="post"></form><br>STUDENT NAME <input type="text" name="sname"
size="20"></br><br>FATHER NAME<input type="text" name="fname"
size="20"></br><br>MOBILE<input type="text" name="phone" size="20">
<br>ADDRESS</ADDRESS><text area rows="2" name="address"
cols="20"></textarea></BR><br> GENDER<input type="radio" value="male"
checked name="gender">MALE<input type="radio" name="gender"
value="female">FEMALE<br> HOBBIES <input type="checkbox" name="hobbies"
value="football">FOOTBALL<input type="checkbox" name="hobbies"
value="book reading">BOOK READING<input type="checkbox" name="hobbies"
value="singing">SINGING<input type="checkbox"
name="hockey">HOCKEY</br><br></br> COURSE<select size="1"
name="COURSE"><option>BBA</option><option>BCA</option><option>MBA</
option><option>MCA</option></select>  <input type="submit"
value="submit" name="button1">     <input
type="reset" value="reset" name="button2"</form></body></html>
QUESTION 7.
ANSWER
<html>
<body>
<ol><li>SNEHA</li><li>VANSHIKA</li><li>AADYA</li><li>MANYA</li><li>RISHIKA</li></ol>
<ol> type="A"><li>AADYA</li><li>RISHIKA</li><li>VANSHIKA</li><li>MANYA</
li><li>SNEHA</li></ol>
</body>
</html>
QUESTION 8.
ANSWER
<html>
<body>
<ul><li>SNEHA</li><li>VANSHIKA</li><li>AADYA</li><li>MANYA</
li><li>RISHIKA</li></ul>
<ul>type="circle"<li>VANSHIKA</li><li>MANYA</li><li>SNEHA</li><li>RISHIKA</
li><li>AADYA</li></ul>
</body>
</html>
QUESTION 9.
ANSWER
<html>
<body>
<dl>KRCHE</dl>
<dl>VIPS</dl>
<dl>CPJ</dl>
<dt>BBA</dt>
<dt>BCA</dt>
<dt>BAJMC</dt>
<dd>2nd Year</dd>
<dd>3rd Year</dd>
<dd>3rd Year</dd>
</body>
</html>
QUESTION 10.
ANSWER
<html>
</head>
<body>
<menu><li>ECL</li><li>DT</li><li>BE</li></menu>
</body>
</html>
QUESTION 11.
ANSWER
<html>
<body>
<dtr><li>B.COM</li><li>M.COM</li></dtr>
</body>
</html>
QUESTION 12.
ANSWER
<html>
<body>
<p><imgborder="5" src="https://th.bing.com/th/id/OIP.1h1Agm9a2Y86_nYulGNLVAHaE8?
pid=ImgDet&rs=1" width="187" height="167"</p>
</body>
</html>
QUESTION 13.
ANSWER
<html>
<body>
<a href="http://in.youtube.com/"> youtube </a>
</body>
</html>
<html>
<body>
<br><ahref="https://th.bing.com/th/id/OIP.1h1Agm9a2Y86_nYulGNLVAHaE8?
pid=ImgDet&rs=1">BOOK</a></br>
</body>
</html>
QUESTION 14.
ANSWER
<html>
<body>
<table
border="3"><td><tr><td>NAME</td><td>ADDRESS</td><td>SALARY</td></tr><td>manya<
/td><td>kamla nagar<td>30000</td></tr><tr><td>jiya</td><td>delhi</td><td>10000</
td></tr><tr><td>sneha</td><td>shakti
nagar</td><td>30000</td></tr><tr><td>dristhi</td><td>dc</td><td>600000</td></tr></
table>
</body>
</html>
QUESTION 15.
ANSWER
<html>
<body>
<table border="4" border color="blur"><tr><td rowspan="5">YEAR</td><td colspan="5"

align="center">NORTH</td><td colspan="2"
align="center">SOUTH</td></tr><td>SALES</td><td>PURCHASE</td><td>SALES</
td><td>PURCHASE</td></tr><tr><td>2005</td><td>500</td><td>300</td><td>340</
td><td>500</td></tr><tr><td>2006</td><td>900</td><td>500</td><td>800</
td><td>700</td></tr><tr><td>2007</td><td>700</td><td>600</td><td>900</
td><td>800</td></tr></table>
</body>
</html>
QUESTION 16.
ANSWER
<html>
<body>
<table border="4" border color="#0000ff" cellspacing="10"
cellpadding="5"><tr><td>YEAR</td><td>SALES</td><td>PURCHASE</td><td>SALES</td><td>PURCHASE</
td></tr><tr><td>2005</td><td>500</td><td>100</td><td>800</td><td>700</td></tr><tr><td>2006</
td><td>600</td><td>500</td><td>800</td><td>700</td></tr><tr><td>2007</td><td>700</td><td>500</
td><td>900</td><td>800</td></tr></table>
</body></html>
QUESTION 17.
ANSWER
</head>
<body>
<TABLE BORDER=10 BORDERCOLOR=BLUE CELLPADDING=5 CELLSPACING=5>
<TR>
<TH> JANUARY 2023</TH>
</TR>
<TH>MONDAY</TH>
<TH> TUESDAY </TH>
<TH>WEDNESDAY</TH>
<TH>THURSDAY</TH>
<TH>FRIDAY </TH>
<TH>SATURDAY </TH>
<TH>SUNDAY</TH>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD>1</TD>
</TR>
<TR>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
</TR>
<TR>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD>
<TD>13</TD>
<TD>14</TD>
<TD>15</TD>
</TR>
<TR>
<TD>16</TD>
<TD>17</TD>
<TD>18</TD>
<TD>19</TD>
<TD>20</TD>
<TD>21</TD>
<TD>22</TD>
</TR>
<TR>
<TD>23</TD>
<TD>24</TD>
<TD>25</TD>
<TD>26</TD>
<TD>27</TD>
<TD>28</TD>
<TD>29</TD>
</TR>
<TR>
<TD>30</TD>
<TD>31</TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
</TABLE>
</body>
</html>
QUESTION 18.
ANSWER
<html>
<body>
<title>ADMISSION FORM</title><body><p

align="center"><u><b>ADMISSION FORM</b></u><form method="post"></form><br>STUDENT
NAME <input type="text" name="sname" size="20"></br><br>FATHER NAME<input type="text"
name="fname" size="20"></br><br>MOBILE<input type="text" name="phone" size="20">
<br>ADDRESS</ADDRESS><textarea rows="2" name="address" cols="20"></textarea></BR><br>
GENDER<input type="radio" value="male" checked name="gender">FEMALE<input type="radio"
name="gender" value="female">FEMALE<br> HOBBIES <input type="checkbox" name="hobbies"
value="cricket">FOOTBALL<input type="checkbox" name="hobbies" value="book reading">BOOK
READING<input type="checkbox" name="hobbies" value="singing">SINGING<input type="checkbox"
name="hockey">HOCKEY</br><br></br> COURSE<select size="1"
name="COURSE"><option>BBA</option><option>BCA</option><option>MBA</
option><option>MCA</option></select>  <input type="submit" value="submit"
name="button1">     <input type="reset" value="reset"
name="button2"</form>
</body>
</html>
QUESTION 20.
ANSWER
<html>
<body>
width="560"
height="315"
src="https://www.youtube.com/embed/UmnCZ7-9yDY"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture"
allowfullscreen
></iframe>
<br /><br />
<iframe
width="560"
height="315"
src="https://en.wikipedia.org/wiki/India"
></iframe
</body>
</html>
QUESTION 21.
ANSWER
[14:24, 30/04/2023] DRISHTI BARREJA: Style1.css
a:link
color: rgb(51,153,255);
a:visited
color: rgb(51,102,204);
a:active
color: rgb(255,153,0);
table
{
table-border-color-light: rgb(255,204,102);
table-border-color-dark: rgb(204,153,102);
[14:26, 30/04/2023] Sudeep Nath: body
font-family: Verdana, Arial, Helvetica;
background-color: rgb(255,255,204);
color: rgb(102,102,51);
h1
font-family: Times New Roman, Times;
color: rgb(153,153,51);
h2
color: rgb(204,153,0);
h3
color: rgb(0,102,153);
h4
{
color: rgb(153,153,0);
h5
color: rgb(255,153,0);
h6
color: rgb(51,102,204);
To Link the above file in any web page:
Click on Format - > Style Sheet Link
Select Style1.css file and click OK.
All the formatting of Style1.css will apply in the current web page.
QUESTION 22.
ANSWER
There are three types of CSS (Cascading Style Sheet) which are given below:
● Inline CSS
● Internal or Embedded CSS
● External CSS
Inline CSS: Inline CSS contains the CSS property in the body section attached to the element
is known as inline CSS. This kind of style is specified within an HTML tag using the style
attribute.
Internal or Embedded CSS: This can be used when a single HTML document must be styled
uniquely. The CSS rule set should be within the HTML file in the head section i.e. the CSS is
embedded within the <style> tag inside the head section of the HTML file.
External CSS: External CSS contains separate CSS files that contain only style properties with
the help of tag attributes (For example class, id, heading, … etc). CSS property is written in a
separate file with a .css extension and should be linked to the HTML document using
a link tag. It means that, for each element, style can be set only once and will be applied
across web pages.

Drishti Barreja (E-COMMERCE) Project File

Uploaded by

Copyright:

Available Formats

Drishti Barreja (E-COMMERCE) Project File

Uploaded by

Document Information

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

Drishti Barreja (E-COMMERCE) Project File

Uploaded by

Copyright:

Available Formats

E-COMMERCE

GURU GOBIND SINGH INDRAPRASTHA

Bachelor in Business Administration

UNDER THE GUIDANCE OF: DR AJAY SHARMA

KASTURI RAM COLLEGE OF HIGHER EDUCATION

Answer HTML stands for Hypertext Markup Language and is

To save an HTML file:

<html><title>ADMISSION FORM</title><body><p

<a href="http://in.youtube.com/"> youtube </a>

<table border="4" border color="blur"><tr><td rowspan="5">YEAR</td><td colspan="5"

<TABLE BORDER=10 BORDERCOLOR=BLUE CELLPADDING=5 CELLSPACING=5>

<TH> JANUARY 2023</TH>

<TH> TUESDAY </TH>

<title>ADMISSION FORM</title><body><p

title="YouTube video player"

allow="accelerometer; autoplay; clipboard-write; encrypted-media;

<br /><br />

[14:26, 30/04/2023] Sudeep Nath: body

font-family: Verdana, Arial, Helvetica;

font-family: Times New Roman, Times;

font-family: Times New Roman, Times;

font-family: Times New Roman, Times;

font-family: Times New Roman, Times;

font-family: Times New Roman, Times;

font-family: Times New Roman, Times;

To Link the above file in any web page:

Click on Format - > Style Sheet Link

Select Style1.css file and click OK.

● Internal or Embedded CSS

You might also like