You are on page 1of 36

PROJECT ON

E-COMMERCE

Submitted to: Submitted by:

Mr. Davinder Singh TANMAY GOVIL

Assistant Professor 01996701721

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 bgcolor="yellow">
<font color="RED">

</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
2 TO CHANGE THE BACKGROUND COLOR AND TEXT COLOR

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<body bgcolor="yellow">

<font color="black">

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="Yellow">

<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:

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

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

<body background=" PNG File (.png)" C:\Users\My PC Buddy\Pictures\Screenshots>

<font color="white">

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="red">

<font color="yellow" style="arial black" size="20">

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

<font color="black" style="times new roman" size="24">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="green">

<font color="white" style="arial black" size="20"><p align="center">

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

<font color="orange" style="arial black" size="22"><p align="center">HTML stands for <p


align="right">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. HYDROGEN SULPHIDE=H<SUB>2</SUB>S<BR>

2. COPPER SULPHATE=CuSO<SUB>4</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="LEFT">

<H1>T</H1>

<H2>A</H2>

<H3>N</H3>

<H4>M</H4>

<H5>A</H5>

<H6>Y</H6></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="15" COLOR="BLACK">

GOOGLE NEXT PAGE

</body>

</html>

RESULT:

15
12. TO SHOW THE ALIGNMENT OF HEADINGS

TAGS:
<html>

<head>

<title>ECOMMERCE</title>

</head>

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

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

<H3 ALIGN="LEFT">RISHABH</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>

<Q>THIS IS SHORT QUOTATION</Q><BR>

<INS>THIS IS INSERTED TEXT</INS><BR>

<SAMP>THIS IS PREFORMATTED TEXT</PRE><BR>

<DEL>THIS IS DELETED TEXT </DEL><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="IMAGES.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="c:\users\pc\desktop\


fest videos\vid_20200219_204356.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>COFFEE</LI>

<LI>TEA</LI>

<LI>MILK</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>INDIA</LI>

<LI>AUSTRALIA</LI>

<LI>NEW ZEALAND</LI>

<LI>SOUTH AFRICA</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>aromatic beverage prepared by pouring hot or boiling water over cured or fresh leaves of Camellia
sinensis</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="Times New Roman’’><color="Orange"> <center>kamal institute<br> of higher


education<br> and advance technology</center> </font> </head>

<body bgcolor="yellow">

<br>

<br>

<form>

<label> firstname </label>

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

<label> middlename: </label>

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

<label> lastname: </label>

<input type="text" name="lastname" size="16"/> <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
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:

32
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="DARK GREEN" SIZE="26" STYLE="TIMES NEW ROMAN"><CENTER><i><u>BBA IST YEAR TIME

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

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

<tr>

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

<td>9:30-10:30

<td>10:30-11:30

<td>11:30-12:30

<td>12:30-1:00

</tr>

<tr>

<td align="center">MONDAY

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


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

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

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

</tr>

RESULT:

34
<tr>

<td align="center">TUESDAY

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

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

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

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

</tr>

<tr>

<td align="center">WEDNESDAY

<td align="center"><ahref="http://www.ipu.ac.in/usms/USMS_Syllabus/usmsbba020718.pdf">EC<br>

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

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

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

</tr>

<tr>

<td align="center">THURSDAY

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

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

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

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

35
</tr>

<tr>

<td align="center">FRIDAY

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

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

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

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

</tr></body>

</html>

36

You might also like