You are on page 1of 36

PROJECT ON

E-Commerce

Submitted to: Submitted by:

Mr. Davinder Singh ANKUR KUMAR SINGH

Assistant Professor 01596701721

Kamal Institute of Higher Education and Advance Technology

K-1 Extension, Mohan Garden, New Delhi -110059


{Affiliated to GGSIPU, Delhi}
1
INDEX
S.No Title Page No Signature
1 Name the title of HTML file 3
2 Brief Description in body 4
3 Background color and text color 5
4 Use of <P> and <BR> 6
5 Background Image 7
6 Style and Size 8
7 Alignments 9
8 Superscript, Subscript and Marquee 10-11
9 Headings H1 to H6 12-13
10 Hyperlink 14
11 Horizontal Rule 15
12 Align Headings 16
13 Logical Tags 17
14 Physical Style Tags 18
15 Insert Image 19
16 Multimedia 20-21
17 Center Tag 22
18 Unordered List 23-24
19 Ordered List 25-26
20 Definition List 27-28
21 Form 29-31
22 Frame 32
23 Time table 33-35

2
1. TO NAME THE TITLE OF HTML FILE

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<body>

</body>

</html>

RESULT:

3
2 TO SHOW THE CONTENT AS BRIEF DESCRIPTION IN BODY

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<body>

This is a Ecommerce Project to learn brief discription on HTML.

</body>

</html>

RESULT:

4
3. TO CHANGE THE BACKGROUND COLOR AND TEXT COLOR
TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<body bgcolor="grey">

<font color="yellow">

This is a Ecommerce Project to learn brief discription on HTML.</font>

</body>

</html>

RESULT:

5
4. USING <P> AND <BR> IN THE BODY TO SHOW PARAGRAPH AND BREAK IN

CONTENT

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<body bgcolor="grey">

<font color="yellow">

This is a Ecommerce Project<br> to learn brief discription on HTML<p>.HTML stands for Hyper Text Markup
Language</font>

</body>

</html>

RESULT:

6
5 TO INSERT AND SET BACKGROUND IMAGE IN THE HTML FILE

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<body background=""https://wallup.net/wp-content/uploads/2019/09/919416-mountains-scenery-forests-
lake-canada-rainbow-nature.jpg">">

<font color="black">

This is a Ecommerce Project<br> to learn brief discription on HTML<p>.HTML stands for Hyper Text Markup
Language</font>

</body>

</html>

RESULT:

7
6 TO DISPLAY CHANGES STYLE AND SIZE OF FONTS

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<body bgcolor="grey">

<font color="black" style="cambria" size="14">

This is a Ecommerce Project to learn brief discription on HTML</font><br>

<font color="red" style="times new roman" size="22">HTML stands for Hyper Text Markup
Language</font>

</body>

</html>

RESULT:

8
7. TO ALIGN THE CONTENT LEFT,RIGHT,,CENTER

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<body bgcolor="grey">

<font color="black" style="cambria" size="14"><p align="center">

This is a Ecommerce Project to learn brief discription on HTML</font><br>

<font color="red" style="times new roman" size="22"><p align="center">HTML stands for <p
align="left">Hyper Text Markup Language</font>

</body>

</html>

RESULT:

9
8 TO SHOW HOW SUBSCRIPT /SUPERSCRIPT TAG AND MARQUEE TAG

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

MATHS FORMULA<BR>

1. A<SUP>2</SUP>+B<SUP>2</SUP>-2AB=(A-B)<SUP>2</SUP><br>

2. A<SUP>2</SUP>+B<SUP>2</SUP>=(A+B)<SUP>2</SUP>-2AB<BR>

SCIENCE FORMULA<BR>

1. SULPHURIC ACID=H<SUB>2</SUB>SO<SUB>4</SUB><BR>

2. CARBON DIOXIDE=CO<SUB>2</SUB>

<MARQUEE>KIHEAT</MARQUEE>

</body>

</html>

RESULT:

10
11
9. TO SHOW THE DIFFERENT HEADINGS SIZE FROM<H1> TO <H7>

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<div align="CENTER">

<H1>A</H1>

<H2>N</H2>

<H3>K</H3>

<H4>U</H4>

<H5>R</H5></DIV>

</body>

</html>

RESULT:

12
13
10. TO DISPLAY THE ATTACHMENT OF HYPERLINK IN A HTML FILE

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

THIS EXPERIMENT IS TO DISPLAY THE ATTACHMENT OF HYPERLINK IN A HTML FILE

<A HREF="WWW.GOOGLE.COM">CLICK HERE</A>

</body>

</html>

RESULT:

14
11. TO PUT HORIZONTAL RULE TO DIVIDE THE SEGMENTS.

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

THIS EXPERIMENT IS TO DISPLAY THE ATTACHMENT OF HYPERLINK IN A HTML FILE

<A HREF="WWW.GOOGLE.COM">CLICK HERE</A>

<HR SIZE="18" COLOR="BLUE">

GOOGLE NEXT PAGE

</body>

</html>

RESULT:

15
12. TO SHOW THE ALIGNMENT OF HEADINGS

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<H1 ALIGN="CENTER">ANKUR</H1>

<H2 ALIGN="RIGHT">ANKUR</H2>

<H3 ALIGN="LEFT">ANKUR</H3>

</body>

</html>

RESULT:

16
13. TO SHOW HOW LOGICAL TAGS ARE HELP CONTENT TO BE PRESENTED AS

VITAL

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<EM>THIS IS EMPHASIZED TEXT</EM><BR>

<STRONG>THIS IS STRONG TEXT</STRONG><BR>

<SAMP>THIS SAMPLE TEXT</SAMP><BR>

<CODE>THIS IS CODE TEXT </CODE><BR>

<KBD> THIS IS KEYBOARD TEXT</KBD>

</body>

</html>

RESULT:

17
14. TO SHOW PHYISCAL TAGS ARE HELP CONTENT TO BE PRSENTED AS VITAL

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<B>THIS IS USED FOR BOLD TEXT</B><BR>

<I> THIS IS USED FOR ITALIC TEXT</I><BR>

<U>THIS IS USED FOR UNDRLINE TEXT</U>

</body>

</html>

RESULT:

18
15. TO INSERT IMAGE IN BETWEEN CONTENT

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

THIS TAG IS USED FOR INSERTING AN IMAGE

<IMG SRC=" https://wallup.net/wp-content/uploads/2019/09/919416-mountains-scenery-forests-lake-


canada-rainbow-nature.jpg ">

</body>

</html>

RESULT:

19
16. TO INSERT MULTIMEDIA (AUDIO +VIDEO)I BETWEEN CONTENT

TAGS:
<html>

<head>

<title>

Kiheat

</title>

<body background="c:\users\pc\downloads\pexels-miguel-á-padriñán-255379.jpg">

video file:

<br>

<video width="320" height="240" src="video1.mp4" controls>

</video>

<br> audio file:

<br>

<audio src="c:\users\pc\desktop\fest videos\fest.mp4" controls>

</audio>

</body>

</html>

20
RESULT:

21
17 TO ALIGN CHARACTERS AT CENTER USING CENTER TAG.

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<CENTER>THIS TAG IS USE TO PUT TEXT IN CENTER</CENTER>

</body>

</html>

RESULT:

22
18. TO REPRESENT CHARACTER IN UNORDERED LIST

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<BODY>

TP REPRESENT ITEMS IN UNORDERED LIST<BR>

<UL>

<LI>POSITIVE</LI>

<LI>NEGATIVE</LI>

<LI>NEUTRAL</LI>

</UL>

</body>

</html>

23
RESULT:

24
19. TO REPRESENT CHARACTERS IN ORDERED LIST

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<BODY>

TP REPRESENT ITEMS IN ORDERED LIST<BR>

<OL>

<LI>HINDI</LI>

<LI>SOCIAL SCIENCE</LI>

<LI>SANSKRIT</LI>

<LI>VED PATH</LI>

</OL>

</body>

</html>

RESULT:

25
26
20 TO REPRESENT CHARACTERS IN DEFINITION LIST.

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<BODY>

<DL>

<DT>COFFEE</DT>

<DD>A DRINK AADE FROM ROASTED COFFEE BEANS</DD>

<DT>TEA</DT>

<DD>A BAKED FOOD MADE OF FLOUR</DD>

</DL>

</body>

</html>

RESULT:

27
28
21. TO CREATE A FORM OR ATTACH IN HTML FILE

TAGS:
<html>

<head>

<title>

registration page

</title>

<font size="40" style="CAMBRIA" color="BLACK"> <center>kamal institute<br> of higher education<br> and


advance technology</center> </font> </head>

<body bgcolor="GREY">

<br>

<br>

<form>

<label> firstname </label>

<input type="text" name="firstname" size="15"/> <br> <br>

<label> middlename: </label>

<input type="text" name="middlename" size="15"/> <br> <br>

<label> lastname: </label>

<input type="text" name="lastname" size="15"/> <br> <br>

<label>

course :

</label>

<select>

<option value="course">course</option>

<option value="bca">bca</option>
29
<option value="bba">bba</option>

<option value="b.tech">b.tech</option>

<option value="mba">mba</option>

<option value="mca">mca</option>

<option value="m.tech">m.tech</option>

</select>

<br>

<br>

<label>

gender :

</label><br>

<input type="radio" name="male"/> male <br>

<input type="radio" name="female"/> female <br>

<input type="radio" name="other"/> other

<br>

<br>

<label>

phone :

</label>

<input type="text" name="phone" size="10"/> <br> <br>

address

<br>

<textarea cols="80" rows="5" value="address">

</textarea>

<br> <br>
30
Email:

<input type="email" id="email" name="email"/> <br>

<br> <br>

password:

<input type="password" id="pass" name="pass"> <br>

<br> <br>

re-type password:

<input type="password" id="repass" name="repass"> <br> <br>

<input type="button" value="submit"/>

</form>

</body>

</html>

RESULT:

31
32
22. TO SHOW HOW TWO WINDOWS CAN BE AT ONE PAGE

TAGS:
<html>

<head>

<title>kiheat

</title>

<frameset cols="30%,40%,30%">

<frame name="frame1" src="file:///c:/users/pc/desktop/practical.html">

<frame name="frame2" src="file:///c:/users/pc/desktop/sar.html">

<frame name="frame3" src="c:\users\pc\desktop\usmsbcom020718.pdf">

</frameset>

</html>

RESULT:

33
23. TO CREATE A TIME TABLE IN HTML FILE

TAGS:
<html>

<head>

<title>KIHEAT TIME TABLE</title>

</head>

<body background="images.jpg">

<H1><FONT COLOR="RED" SIZE="25" STYLE="ALGERIAN"><CENTER><i><u>BCOM H FINAL


YEAR TIME TABLE</u></i></FONT></H1>

<table border="20" cellspacing="30" align="center" bgcolor="yellow">

<tr>

<td align="center" bgcolor="blue">

<td>9:30-10:10

<td>10:20-11:00

<td>11:10-11:50

<td>12:00-12:40

</tr>

<tr>

<td align="center">MONDAY

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">ECM<br>

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">GST<br>

<td align="center" bgcolor="red">

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">PM<br>

</tr>

34
<tr>

<td align="center">TUESDAY

<td align="center" bgcolor="red">

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">GST<br>

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">IBM<br>

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">PM<br>

</tr>

<tr>

<td align="center">WEDNESDAY

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">ECM<br>

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">GST<br>

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">IBM<br>

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">PM<br>

</tr>

<tr>

<td align="center">THURSDAY

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">ECM<br>

<td align="center" bgcolor="red">

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">IBM<br>

<td align="center" bgcolor="red">

35
</tr>

<tr>

<td align="center">FRIDAY

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">EVS<br>

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">GST<br>

<td align="center" bgcolor="red">

<td align="center"><a
href="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbcom020718.pdf">PM<br>

</tr></body>

</html>

RESULT:

36

You might also like