Scribd
Upload
84 views

Ankur HTML File

The document provides instructions for creating an HTML form using various tags. It includes tags for input fields like text, radio buttons, dropdown menus and labels. The form allows users to enter information like name, course, gender and phone number. It is centered on the page with a heading specifying the institute name. The body has a grey background and the form fields are spaced out with line breaks.

Uploaded by

Ankur Singh
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
84 views

Ankur HTML File

The document provides instructions for creating an HTML form using various tags. It includes tags for input fields like text, radio buttons, dropdown menus and labels. The form allows users to enter information like name, course, gender and phone number. It is centered on the page with a heading specifying the institute name. The body has a grey background and the form fields are spaced out with line breaks.

Uploaded by

Ankur Singh
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 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