Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY

INSTITUTE OF INNOVATION IN TECHNOLOGY & MANAGEMENT

ECOMMERCE LAB

PRACTICAL FILE

Submitted To: Submitted By:

Ms. Sushma Malik Name: Priyanshu Kumar
(Associate Professor) Class: B.Com (H) M 6 th Sem
Enrolment No: 01990388817

Institute of Innovation in Technology & Management

Academic Session: 2019-20 Practical Lesson Plan for E-Commerce Lab
 Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Course Semester - VI Paper Code: BCOM- Academic

Name:BCOM 308 Session: 2019-
2020

Course Objective:Through this course we aim:

 To provide students with the knowledge and skills necessary for building and evaluating web sites.
 To provide practical implementation of HTML.
 To explain how to work with HTML.

S.No. Application Problem Statement Actual Date of

Areas/Functionalit Delivery
y
/Concept on which
practical is based
HTML HEADING  Create a web page of your name using various
TAG heading tags

 Design a web page according to the format

given below using heading tag with your
name displayed on top:

HTML  Create a web page as shown below using <p>

PARAGRAPH tag.
TAG

HTML  Design a web page describing yourself using

COMMENTS single and multiline comments. Also use <br
AND BR TAG > tag.

HTML TEXT  Create a HTML file for displaying a webpage

FORMATTING with below mentioned Tags:
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

TAG 1. Bold
2. Italics
3. Underline
4. Alignment
5. Paragraph
Note: The file should contain a brief
description about the
abovementioned tags.

 Create a HTML file for displaying a webpage

with below mentioned Tags:
1. Text color
2. Headings
3. HR
4. Background Color
5. Line break
6. Pre
Note: The file should contain abrief
description about the
abovementionedtags.

 Write the following chemical equations using

Html Tags :
2 AgI + Na2S → Ag2S + 2 NaI
8 CO + 17 H2 → C8H18 + 8 H2O
10 KClO3 + 3 P4 → 3 P4O10 + 10 KCl
SnO2 + 2 H2 → Sn + 2 H2O
3 KOH + H3PO4 → K3PO4 + 3 H2O
2KNO3 + H2CO3 → K2CO3 + 2 HNO3

 Design a Web Page of your CV with headings

as Objective, educational qualification,
achievements, strengths, hobbies and personal
details.
Apply following specifications:
1.Insert a horizontal line after every
above mentioned heading
2. Set any light colour as page
background.
3. Bold and underline every
heading
4. Use heading tag to specify the
headings
5. Use pre tag for Educational
 Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Qualification

 Create a web page to display your family

information with background and other
formatting.

HTML  Create a HTML webpage which displays the

UNORDERED following list.
LISTS

Apply following parts:

1.Put horizontal line after newspaper and magazine
2.Apply heading tag for newspaper and magazine
3.Apply a background colour

 Create a HTML which display the following

output

 Design a web page to display the names of

Beverages, Dishes & Desserts using
Unordered Lists
HTML
ORDERED LISTS  Create a nested list as follows:
 Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Apply following parts:

1. Use different font styles and colours for Input and
Output Devices
2. Insert horizontal line after Input Devices are over
3.Use bold, italics and underline in headings

 Design a web page to display the different

courses available in your Institute. Show the
use of different types of Ordered Lists.
HTML  Create a web page with the following output
DEFINITION
LISTS

 Write a Code for Creating Definition List

That Shows various input and output devices
With Description.

 Create a web page to show the ordered,

unordered and definition list with respect to
college courses.

HTML IMAGE  Design a web page to show the college

TAG information along with background image.

 Design a web page to insert Three Images

Aligned Left, Right and Center. Also Change
The Background Color To Blue And Give A
Suitable Heading To The Web Page.


HTML
MARQUEE TAG  Design a webpage to show your name as
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

marquee in the CV document.

 Design a web page having various image

directions as marquee.

 Design a web page to compare the speed of

different text in the marquee tag.


HTML  Design a web page to display your college
HYPERLINK with hyperlink.
TAG

 Design a web page to Display The Syllabus

ofBBA, Clicking On Each Subject Should
Open Its Description In A New Document

 Create a web page to show the input and

output devices with image. Clicking on each
input and output device should give its
description in a new document.

HTML TABLE  Create a static web page which defines all text
TAG formatting tags of HTML in tabular format

 Design a table as follows:

 Create A Table Using Cellpadding,

Cellspacing, Colspan And Rowspan Which
Shows The Prices Of Various Cars Of
Different Brands.

 Design a table as follows:

 Design a web page to display the following

table with hyperlinks on department name for
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

every information inside the table.

HTML FRAME
TAG  Design a HTML web page of your favourite
movie. Give an attractive background colour
and image.
 Design a frame as follows:

Mobile phone, shoes pen drive and shirts will

be hyperlink. If
User click on any item its picture should be
displayed in frame 2 and details
about the product in frame 3.

 Design a frame as follows:

HTML FORM  Design a student registration form.

TAG
 Design a login page using form tag.

 Design a form as shown below:

Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

WEBSITE  Design a Web Site with the name as HTML

EXAMPLES tutorial with following specifications:
Make following hyperlinks (i.e. 5 different web
pages):
Formatting Styles and Headings: Include Bold,
italics, Underline, Strike, Subscript, superscript and
all six type of headings
Font Styles and Images: Font tag, Image tag
Anchor: Internal (linking within page) and External
(linking with other documents) links
Marquee: Move text, image and hyperlink
Other tags: br, hr, pre, p,

Include following specifications:

1. In all these web pages only mention about use,
attributes apply them.
2. Insert a background image on home page
3. Make all the topics as hyperlinks and go to some
other page for description.
4. Insert a marquee showing HTML Tutorial as
moving text.
5. After every tag put a horizontal line
6. Use different font styles and colors for each
definition.
7. On every page, make a hyperlink for going back to
home page.

 Design your college website displaying all

information about your college.

8
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-1

Create a web page of your name using various heading tags.

<html>

<head>

<title>Assignment 1</title>

</head>

<body>

<h1> Priyanshu</h1>

<h2> Priyanshu </h2>

<h3> Priyanshu </h3>

<h4> Priyanshu </h4>

<h5> Priyanshu </h5>

<h6> Priyanshu </h6>

</body>

</html>

9
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

10
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-2

Design a web page according to the format given below using heading tag with your name
displayed on top:

<HTML>

<HEAD>

<TITLE> c Assignment 2 </TITLE>

</HEAD>

<body>

<H1> Priyanshu </H1>

<h6> Priyanshu </H6>

<H2> Priyanshu </H2>

<H3> Priyanshu </H3>

<H6> Priyanshu </H6>

<H2> Priyanshu </H2>

<h6> Priyanshu </H6>

11
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<H1> Priyanshu </H1>

</body>

</HTML>

12
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-3

Create a web page as shown below using <p> tag.

<html>

<head>

<title> Priyanshu assignment 3 </title>

</head>

<body>

<p>This Is First Paragraph.This Is First Paragraph.</p>

<p>This Is Second Paragraph.This Is Second Paragraph.</p>

</body>

</html>

13
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

14
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-4

Design a web page describing yourself using single and multiline comments. Also use <br > tag.

<html>

<head>

<title> Priyanshu assignment 4 </title>

</head>

<body>

I am Priyanshu. <br/>

I'm 20 year old. <!—This is a Single Line Comment-->

<!—This is a
Multiline Comment -->

I live in Delhi.

</body>

</html>

15
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

16
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-5

Create a HTML file for displaying a webpage with below mentioned Tags:

1. Bold
2. Italics
3. Underline
4. Alignment
5. Paragraph

<html>

<head>

<title> Priyanshu Assignment 5 </title>

</head>

<body>

<p><b>This is Bold.</b></p>

This tag is used to create a 'b' element, which represents bold text in an HTML document.

<p><i>This is italic.</i></p>

This tag defines a part of text in an alternate voice or mood. The content of this tag is usually
displayed in italic.

<p><u>This is Underline.</u></p>

This tag in HTML stands for underline and it's used to underline the text enclosed within this tag.

<p align="left">This is left align.</p>

<p align="center">This is center align.</p>

<p align="right">This is right align.</p>

17
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

The paragraph tag defines a paragraph. Browsers automatically add some space (margin) before
and after each paragraph element.

</body>

</html>

18
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT – 6
Create a HTML file for displaying a webpage with below mentioned Tags:

1. Text color
2. Headings
3. HR
4. Background Color
5. Line break
6. Pre
Note: The file should contain a brief description about the abovementioned tags.

<HTML>

<HEAD>

<TITLE> Priyanshu Assignment 6 </TITLE>

</HEAD>

<BODY BGCOLOR="pink">

<font color="red"><h2> HR TAG </h2>

The <hr> tag in HTML stands for horizontal rule and is used to insert a

horizontal rule or a thematic break in an HTML page to divide or separate

document sections.

<font color="blue"><h2> line break <br> </h2>

<p>The line break tag is the <br> tag in HTML and <br /> in XHTML. A br tag

will insert a line break which means the text/image following the tag will

be moved to the next line when displayed in the browser.

19
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<h2> pre <pre> </h2>

The <pre> tag defines preformatted text. Text in a <pre> element is

displayed in a fixed-width font (usually Courier), and it preserves both

spaces and line breaks.

</BODY>

</HTML>

20
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-7

Write the following chemical equations using Html Tags :

2 AgI + Na2S → Ag2S + 2 NaI

8 CO + 17 H2 → C8H18 + 8 H2O
10 KClO3 + 3 P4 → 3 P4O10 + 10 KCl
SnO2 + 2 H2 → Sn + 2 H2O
3 KOH + H3PO4 → K3PO4 + 3 H2O
2KNO3 + H2CO3 → K2CO3 + 2 HNO3

<html>

<head>

<title>Priyanshu Assignment 7</title>

</head>

<body bgcolor = "yellow">

2Agl + Na ₂S --> Ag₂S + 2 Nal

<br>

<hr>

8CO + 17h₂ --> C₃ h ₁₈ + 8 H ₂0

<br>

<hr>

10KCIO₃ + 3P ₄ --> 3P₄O₁₀ + 10KCl

<br>

<hr>

21
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

SnO₂ + 2 H₂ --> Sn + 2H₂O

<br>

<hr>

3KOH + H₃ PO₄ --> K₃PO₄ +

3H₂O

<br>

<hr>

2KNO₃ + H₂ CO<sub>3</Sub> --> K₂

CO₃ + 2HNO₃

<br>

</body>

</html>

22
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-8

Design a Web Page of your CV with headings as Objective, educational qualification,

achievements, strengths, hobbies and personal details.

Apply following specifications:

1. Insert a horizontal line after every above mentioned heading

2. Set any light colour as page background.

3. Bold and underline every heading

4. Use heading tag to specify the headings

5. Use pre tag for Educational Qualification

<html>

<head><title>CV Priyanshu</title></head>

<body bgcolor="pink">

<h1 align="center">Priyanshu </h1><hr>

<h2><b><u>Objective</b></u></h2><hr>

<p>To hold a reputed position in some good organization and want to be

successful in my life.</p>

<h2><b><u>Educational Qualification</b></u></h2><hr>

<pre>*Persuing B.Com(H) from IINTM affiliated from IPU

*12th from Green Fields School

*10th from Green fields School

23
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<h2><b><u>Achivement</b></u></h2><hr>

advance excel certificate,Tally

<h2><b><u>Strenghts</b></u></h2><hr>

i am a good listener

<h2><b><u>Hobbies</b></u></h2><hr>

i love Listining music

</body>

</html>

24
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-9

Create a web page to display your family information with background and other formatting.

<html>

<head><title>Priyanshu assignment 9 </title></head>

<body bgcolor="orange">

<hr size=5 color="black">

<h1 align="center"><font color="red"><b><u><i>MY FAMILY</b></u></i></h1>

<HR size=5 color="BLACK">

<h2 font size=15><font color="green">My name is Priyanshu.</font></h2><br>

<pre><h2><font color="blue">

My Father's Name is Mr.Pradeep Kumar.

My Mother's Name is Mrs.Reeta.

</pre>

</body>

</html>

25
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

26
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-10

Create a HTML webpage which displays the following list.

Apply following parts:

1.Put horizontal line after newspaper and magazine
2.Apply heading tag for newspaper and magazine
3.Apply a background colour

<html>

<head>

<title> Priyanshu assignment 10</title>

</head>

<body bgcolor="yellow">

<h1 align="center">Vegetables and Fruits</h1><hr>

<h2><u>vegetable</u></h2>

<ul>

<li style="color:green">onion</li>

27
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<li style="color:red">tomato</li>

<li style="color:orange">raddish</li>

<li style="color:pink">potato</li>

<li style="color:purple">carrot</li>

</ul>

<h2><u>Fruits</u></h2>

<ul type="square">

<li style="color:green">apple</li>

<li style="color:red">banana</li>

<li style="color:blue">water melon</li>

<li style="color:orange">grapes</li>

<li style="color:pink">mango</li>

</ul>

<h1 align="center">Newspaper and Magzines</h1><hr>

<h2><u>Newspaper</u></h2>

<ul type="circle">

<li style="color:green">Times of India</li>

<li style="color:red">hindustan times</li>

<li style="color:orange">navbharat times</li>

<li style="color:pink">punjab kesri</li>

<li style="color:purple">dainik jagran</li>

28
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</ul>

<h2><u>Magzines</u></h2>

<ul>

<li style="color:green">india today</li>

<li style="color:red">economic times</li>

<li style="color:blue">the week</li>

<li style="color:orange">harward business review</li>

<li style="color:pink">corporate world</li>

</ul>

</body>

</html>

29
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Assignment 11

Create a HTML which display the following output

<html>

<head>

<title>Priyanshu assignment 11</title>

</head>

<body bgcolor="yellow">

<h1 align="center">Mobile Operating System and Manufacturer</h1><hr>

<h2><u>mobile operating system</u></h2>

<ul>

<li style="color:green">android</li>

<li style="color:red">blackberry</li>

<li style="color:orange">iphone</li>

<li style="color:pink">windows phone</li>

</ul>

<h2><u>manufacturer</u></h2>

30
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<ul type="square">

<li style="color:green">apple</li>

<li style="color:red">samsung</li>

<li style="color:blue">htc</li>

<li style="color:orange">asus</li>

</ul>

</body>

</html>

31
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-12

Design a web page to display the names of Beverages, Dishes & Desserts using Unordered Lists

<html>

<head>

<title> Priyanshu assignment 12</title>

</head>

<body bgcolor="yellow">

<h1 align="center">Beverages, Dishes and Desserts </h1><hr>

<h2><u>Beverages</u></h2>

<ul>

<li style="color:green">Tea</li>

<li style="color:red">Coffee</li>

<li style="color:orange">Pepsi</li>

<li style="color:pink">Sprite</li>

</ul>

<h2><u>Dishes</u></h2>

<ul type="square">

<li style="color:green">Butter Chicken</li>

<li style="color:red">Samosa</li>

<li style="color:blue">Rajma Chawal</li>

<li style="color:orange">Matar Paneer</li>

32
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</ul>

<h2><u>Desserts</u></h2>

<ul type="square">

<li style="color:green">Cake</li>

<li style="color:red">Ice-Cream</li>

<li style="color:blue">Apple Pie</li>

<li style="color:orange">Gulab Jamun</li>

</ul>

</body>

</html>

33
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-13

Create a nested list as follows:

Apply following parts:

1. Use different font styles and colors for Input and Output Devices

2. Insert horizontal line after Input Devices are over

3. Use bold, italics and underline in headings

<html>

<head>

<title> Priyanshu assignment 13</title></head>

<body bgcolor="lavender" text color ="purple">

<h1 align=:right">input output devices</h1>

<ol>

<li style = "color:purple"><u> input device </u></li>

<ol style = "color:purple" type="i">

<li>keyboard</li>

<li>mouse</li>

<li>loystick</li>

<li>scanner</li>

<ol type="a">

34
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<li>flat bed scanner</li>

<li>hand held scanner</li>

<hr>

</ol>

</ol>

<li style = "color:red"><u> output devices </u></li>

<ol style = "color:red" type="i">

<li style = "color:red">monitor</li>

<ol style = "color:red" type ="a">

<li> LCD</li>

<li> CRT</li>

</ol>

<li style = "color:red">printer</li>

<ol style = "color:red" type="a">

<li>impact printer</li>

<li>non impact printer</li>

</ol>

</ol>

</body>

</html>

35
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

36
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-14

Design a web page to display the different courses available in your Institute. Show the use of
different types of Ordered Lists.

<HTML>

<HEAD><TITLE>

Priyanshu Assignment 14

</TITLE></HEAD>

<BODY bgcolor="LAVENDER">

<h1 align="center">INSTITUTE OF INNOVATION AND TECHNOLOGY IN

MANAGEMENT</h1>

<H4> <U>COURSES AVAILABLE </U></H4>

<ol type="1">

<LI font-size:125%"><B><U>GRADUATE</U></B></LI>

<ol type="i">

<LI style="color:PURPLE;font-size:125%"><B>BBA</B></LI>

<LI style="color:PURPLE;font-size:125%"><B>BCA</B></LI>

<LI style="color:PURPLE;font-size:125%"><B>BCOM HONS.</B></LI>

</OL><BR><HR size=3 color="RED">

<LI font-size:125%"><B><U>POST GRADUATE</U></B></LI>

<ol type="i">

<LI style="color:red;font-size:125%"><B>MBA</B></LI>

37
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<LI style="color:red;font-size:125%"><B>MCA</B></LI>

<LI style="color:red;font-size:125%"><B>MTECH.</B></LI>

</ol>

</BODY>

</HTML>

38
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-15

Create a web page with the following output

<html>

<head><title>Assignment 15 Priyanshu</title></head>

<body bgcolor="green">

<h1> Definition List</h1>

<DL>

<dt> School</dt>

<dd> A place to Study especially in a particular skill.</dd>

<dt>Teacher</dt>

<dd>A teacher is a person who helps student to learn.</dd>

<dt>Book</dt>

<dd>A book is a medium for recording information in the form of writing or images, typically
composed of many pages bound together and protected by a cover.</dd>

</dl>

</body>

39
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</html>

40
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-16

Write a Code for Creating Definition List That Shows various input and output devices With
Description.

<html>

<head><title>Assignment 16 Priyanshu</title></head>

<body bgcolor="pink">

<h1> Input Devices</h1>

<p>An input device is any hardware device that sends data to a computer, allowing you to
interact with and control it.</p>

<dl>

<dt> Keyboard</dt>

<dd>A computer keyboard is a typewriter-style device which uses an arrangement of buttons or

keys to act as mechanical levers or electronic switches.

<dt> Mouse</dt>

<dd>A computer mouse (plural mice or mouses) is a hand-held pointing device that detects two-
dimensional motion relative to a surface.</dd>

<dt>Scanner</dt>

<dd> A scanner is an input device that scans documents such as photographs and pages of
text.</dd>

</dl>

<h1>Output Devices</h1>

41
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<p>An output device is any peripheral that receives data from a computer, usually for display,
projection, or physical reproduction.</p>

<dl>

<dt>Monitor</dt>

<dd>A computer monitor is an output device that displays information in pictorial form. A
monitor usually comprises the display device, circuitry, casing, and power supply.</dd>

<dt>Printer</dt>

<dd> A printer is an external hardware output device that takes the electronic data stored on a
computer or other device and generates a hard copy of it.</dd>

<dt>Speaker</dt>

<dd>Computer speakers, or multimedia speakers, are speakers sold for use with computers,
although usually capable of other audio uses.</dd>

</dl>

</body>

</html>

42
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

43
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-17

Create a web page to show the ordered, unordered and definition list with respect to college
courses.

<html>

<head><title>Assignment 17 Priyanshu</title></head>

<body bgcolor="grey">

<h1 align="center"> IITM</h1>

<dt>Vision</dt><hr>

<dd>"The Institute aims to be a Centre of Excellence, promoting value based

quality education in the contemporary areas of advanced professional

studies in Information Technology and Management."</dd>

<dt>Mission</dt><HR>

<dd>IITM endeavours</dd>

<ol>

<dd>1.to promote learning environment that delivers employable students

with strong analytical mind, thinking ability, entrepreneurial and

organizational skills required in a dynamic professional environment,

<dd>2.to foster strategic alliance with industry for applied research, and

<dd>3.to inculcate ethical, social and moral values amongst students.

</ol>

<hr>

44
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Undergraduate Courses Available

<ul type="circle">

<li>BCOM HONS.</li>

<li>BBA</li>

<li>BCA</li>

</ul><hr>

Post Graduate Courses Available

<ul type="circle">

<li>MCA</li>

<li>MBA</li>

</ul>

</body>

</html>

45
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

46
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-18

Design a web page to show the college information along with background image.

<html>

<head>

<title>Priyanshu Assignment- 18</title>

</head>

<body background=".JPG">

In this article, we will provide you with the detailed information about

Institute of Information Technology and Management Delhi (IITM Janakpuri)

Fees Structure, Course offered, Admission Procedure, Placement Stats, Cut-

off, Facilities available and complete college review.<BR>

Affiliations, Recognition, and other Achievement<BR>

Affiliated with: Guru Gobind Singh Indraprastha University (GGSIPU).<BR>

Approved by: AICTE<BR>

Aid Status: Private<BR>

Facilities<BR>

Anti Ragging Committee<BR>

Air-Conditioned Class Rooms and Laboratories<BR>

Individual student care through Proctorial System<BR>

Student Care Committee<BR>

Personality Development Programme<BR>

47
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Industry Institute Interaction<BR>

Women Safety Cell<BR>

Entrepreneurship Development Cell<BR>

24-hours free Internet<BR>

Modern Teaching Methodologies<BR>

Video Conferencing Facility<BR>

Functional English and Public Speaking Courses<BR>

Special Programme on Interview Techniques<BR>

Central library.<BR>

Separate girls’ and boys’ In-Campus hostel.<BR>

Cultural and tech fest<BR>

Courses offered<BR>

Institute of Information Technology & Management offers some of the quality

programs under the supervision of well qualifies Faculty members.Courses

offered by IITM Janakpuri are as followed.<BR>

BBA,BCOM,BCA,MBA,MCA.

</body>

</html>

48
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

49
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-19

Design a web page to insert Three Images Aligned Left, Right and Center. Also Change The
Background Color To Blue And Give A Suitable Heading To The Web Page.

<html>

<head>

<title>Priyanshu assignment 19</title>

</head>

<body bgcolor="pink">

<h1> IMAGES <h1>

<img src="dog-puppy.jpg" alt= "dogs" height="200" width= "200" border= "1">

<center><img src="220px-Peacock_.jpg" alt= "download 2" height="200" width= "200"

border="1"> </center>

<img src="220px-Peacock.jpg" alt= "220px-Peacock " height="150" width= "200" border="1"

align="right">

</body>

</html>

50
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

51
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-20

Design a webpage to show your name as marquee in the CV document.

<html>

<head><title>Priyanshu assignment 20</title></head>

<body bgcolor="pink">

<MARQUEE><h1 align="center">Priyanshu </h1><hr></MARQUEE>

<h2><b><u>Objective</b></u></h2><hr>

<p>To hold a reputed position in some good organization and want to be

successful in my life.</p>

<h2><b><u>Educational Qualification</b></u></h2><hr>

<pre>*Persuing B.Com(H) from IINTM affiliated from IPU

*12th from green fields School

*10th from green fields School

<h2><b><u>Achivement</b></u></h2><hr>

advance excel certificate,Tally

<h2><b><u>Strenghts</b></u></h2><hr>

i am a good listener

<h2><b><u>Hobbies</b></u></h2><hr>

i love Listining music

</body>

52
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</html>

53
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-21

Design a web page having various image directions as marquee.

<html>

<head>

<title>Priyanshu assignment 21 </title>

</head>

<body bgcolor="fuschia">

<H1><marquee>IMAGES</marquee></H1>

<marquee direction="left"><img src ="dog-puppy.jpg"></marquee>

<marquee direction="right"><img src ="download 2.jpg"></marquee>

<marquee direction="left"><img src ="220px-Peacock_.jpg"></marquee>

</body>

</html>

54
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-22

Design a web page to compare the speed of different text in the marquee tag.

<html>

<head>

<TITLE>Priyanshu assignment 22 </TITLE>

</head>

<body bgcolor="pink">

<H1><marquee BGCOLOR="FUSCHIA" SCROLLAMOUNT="1">Priyanshu

</marquee></H1>

<H1><marquee BGCOLOR="CIAN" SCROLLAMOUNT="2">Priyanshu </marquee></H1>

<H1><marquee BGCOLOR="PURPLE" SCROLLAMOUNT="3">Priyanshu </marquee></H1>

<H1><marquee BGCOLOR="FUSCHIA" SCROLLAMOUNT="4">Priyanshu

</marquee></H1>

</body>

</html>

55
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

56
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-23

<HTML>

<HEAD>

<TITLE>

Priyanshu Assignment 23

</TITLE>

</HEAD>

<BODY bgcolor="lavender">

<H1 align="CENTER">INSTITUTE OF INNOVATION IN TECHNOLOGY AND

MANAGEMENT</H1><HR>

<center><img src= "iintm.jpg" alt= "IINTM" height="300" width= "400"

border="1"></center><IMG>

<a href="iitmjp.ac.in">Institute of Innovation in Technology and

Management</a>

</BODY>

</HTML>

57
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

58
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-24

Project Management

<html>

<head><title>Project Management</title></head>

<body>

<h1>Project Management</h1>

<p>Project management is the practice of initiating, planning, executing, controlling, and closing
the work of a team to achieve specific goals and meet specific success criteria at the specified
time. The primary challenge of project management is to achieve all of the project goals within
the given constraints.

</body>

</html>

59
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Goods and Services Tax

<html>

<head><title>Goods and Services Tax</title></head>

<body>

<h1>Goods and Services Tax</h1>

<p>Goods and Services Tax is an indirect tax used in India on the supply of goods and services.
It is a comprehensive, multistage, destination-based tax: comprehensive because it has subsumed
almost all the indirect taxes except a few state taxes.

</body>

</html>

60
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

61
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

E Commerce
<html>
<head><title>E Commerce</title></head>
<body>
<h1>E Commerce</h1>
<p>Ecommerce, also known as electronic commerce or internet commerce, refers to the buying
and selling of goods or services using the internet, and the transfer of money and data to execute
these transactions.
</body>
</html>

62
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Environmental Science
<html>
<head><title>Environmental Science</title></head>
<body>
<h1>Environmental Science</h1>
<p>EVS means Environmental Studies. EVS is presented under three subject headings: History,
Geography and Science. EVS is concerned with the exploration, investigation, and development
of an understanding of the natural, human, social and cultural dimensions of local and wider
environments.
</body>
</html>

63
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Main
<HTML>

<HEAD>

<TITLE>

Priyanshu Assignment 24

</TITLE>

<BODY>

<H1 align="CENTER">B.Com(H) SYLLABUS - 6th Semester</H1><HR>

<OL><font size=5>

<LI><a href="project management.html">BCOM 302<a></LI>

<LI><a href="Goods and Services Tax.html">BCOM 304<a></LI>

<LI><a href="E Commerce.html">BCOM 306<a></LI>

64
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<LI><a href="Environmental Science.html">BCOM 308<a></LI></font>

</OL>

</BODY>

</HTML>

65
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

66
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-25

Joystick
<html>
<head><title>Joystick</title></head>
<body bgcolor="yellow">
<h1 align="center">Joystick</h1>
<hr>
<center><img src= "joystick.jpg" alt= "joystick" height="200" width= "300"
border="1"></center><IMG>
<p>A joystick is an input device consisting of a stick that pivots on a base and reports its angle
or direction to the device it is controlling
</body>
</html>

Keyboard
<html>
<head><title>Keyboard</title></head>

67
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<body bgcolor="pink">
<h1 align="center">Keyboard</h1>
<hr>
<center><img src= "keyboard.jpg" alt= "keyboard" height="300" width= "600"
border="1"></center><IMG>
<p>A computer keyboard is one of the primary input devices used with a computer. Similar to an
electric typewriter, a keyboard is composed of buttons that create letters, numbers, and symbols,
as well as perform other functions. The following sections provide more in-depth information
and answers to some of the more frequently asked questions about the keyboard.
</body>

Monitor
</html>
<html>
<head><title>Monitor</title></head>
<body bgcolor="cyan">
<h1 align="center">Monitor</h1>
<hr>

68
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<center><img src= "monitor.jpg" alt= "Monitor" height="200" width= "300"

border="1"></center><IMG>
<p>A computer monitor is an output device that displays information in pictorial form. A
monitor usually comprises the visual display, circuitry, casing, and power supply. The display
device in modern monitors is typically a thin film transistor liquid crystal display (TFT-LCD)
with LED backlighting having replaced cold-cathode fluorescent lamp (CCFL) backlighting.
Older monitors used a cathode ray tube (CRT). Monitors are connected to the computer via
VGA, Digital Visual Interface (DVI), HDMI, DisplayPort, Thunderbolt, low-voltage differential
signaling (LVDS) or other proprietary connectors and signals.
</body>
</html>

Mouse
<html>
<head><title>Mouse</title></head>
<body bgcolor="cyan">
<h1 align="center">Mouse</h1>
<hr>
<center><img src= "mouse.jpg" alt= "mouse" height="200" width= "300"
border="1"></center><IMG>

69
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<p>A computer mouse (plural mice or mouses) is a hand-held pointing device that detects two-
dimensional motion relative to a surface. This motion is typically translated into the motion of a
pointer on a display, which allows a smooth control of the graphical user interface of a computer.
</body>
</html>

Printer
<html>
<head><title>Printer</title></head>
<body bgcolor="pink">
<h1 align="center">Printer</h1>
<hr>
<center><img src= "printer.jpg" alt= "printer" height="200" width= "300"
border="1"></center><IMG>
<p>In computing, a printer is a peripheral device which makes a persistent representation of
graphics or text, usually on paper.While most output is human-readable, bar code printers are an
example of an expanded use for printers. Converts digital signal to tangible material.The
different types of printers include, 3D printer, Inkjet printer, laser printer, thermal printer etc.
</body>

70
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</html>

Projector
<html>
<head><title>Projector</title></head>
<body bgcolor="yellow">
<h1 align="center">Projector</h1>
<hr>
<center><img src= "projector.jpg" alt= "projector" height="200" width= "300"
border="1"></center><IMG>
<p>A projector or image projector is an optical device that projects an image (or moving images)
onto a surface, commonly a projection screen. Most projectors create an image by shining a light
through a small transparent lens, but some newer types of projectors can project the image
directly, by using lasers. A virtual retinal display, or retinal projector, is a projector that projects
an image directly on the retina instead of using an external projection screen.
</body>
</html>

71
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Main
<HTML>
<TITLE> Priyanshu Assignment 25 </TITLE>
<BODY bgcolor="lavender">
<h1 align="center">COMPUTER DEVICES</h1>
<center><img src= "computer devices.jpg" alt= "input output devices" height="200" width=
"300" border="1"></center><IMG>
<HR color="blue">
<ol type="1.">
<LI font-size:125%"><B><U>INPUT DEVICES</U></B></LI>
<ol type="i">
<LI><a href="keyboard.html ">Keyboard<a></LI>
<LI><a href="mouse.html ">Mouse<a></LI>
<LI><a href="Joystick.html ">Joystick<a></LI>
</ol><HR color="blue">
<LI font-size:125%" ><B><U>OUTPUT DEVICES</U></B></LI>
<ol type="i">

72
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<LI><a href="Printer.html">Printer<a></LI>
<LI><a href="Monitor.html">Monitor<a></LI>
<LI><a href="Projector.html">Projector<a></LI>
</ol>
</BODY>
</HTML>

73
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT 26

Create a static web page which defines all text formatting tags of HTML in tabular format

<html>

<head><title> Assignment 26 Priyanshu</title></head>

<body>

<table border=2 cellpadding="10" bordercolor="pink">

<tr>

<th>Tag</th>

<th>Description</th>

</tr>

<tr>

<td>Br Tag</td>

<td> It gives break to a line.</td>

</tr>

<tr>

<td>B Tag</td>

<td>It turns the text into Bold.</td>

</tr>

<tr>

<td> I tag</td>

<td> The <i> tag will italicize the text inside the tag. </td>

74
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</tr>

<tr>

<td> U Tag </td>

<td> the <u> tag will underline the text inside the tag. </td>

</tr>

</body>

</html>

75
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-27

Design a table as follows:

<html>

<head><title>Assignment 27 Priyanshu</title></head>

<body>

<h1 align="center">HTML FORMATTING TAG</h1>

<hr>

<br>

<br>

<table border=2 cellpadding="10" cellspacing="5" bordercolor="pink" align="center"

bgcolor="yellow">

<tr>

<th>Roll no</th>

<th>Name</th>

<th>Course</th>

<th>Marks</th>

</tr>

<tr>

76
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<td>1</td>

<td>Ajay Kumar</td>

<td>BBA</td>

<td>78</td>

</tr>

<tr>

<td>2</td>

<td>Kavita Sharma</td>

<td>BCA</td>

<td>62</td>

</tr>

<tr>

<td>3</td>

<td>Rohit Garg</td>

<td>BBA CAM</td>

<td>87</td>

</tr>

<tr>

<td>4</td>

<td>Pooja Kapoor</td>

<td>BBA</td>

77
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<td>67</td>

</tr>

<tr>

<td>5</td>

<td>Mohit Gupta</td>

<td>BBA CAM</td>

<td>72</td>

</tr>

</body>

</html>

78
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-28

Create A Table Using Cellpadding, Cellspacing, Colspan And Rowspan Which Shows The
Prices Of Various Cars Of Different Brands.

<html>

<head><title>Assignment 28 Priyanshu</title></head>

<body>

<table border=2 cellpadding="10" cellspacing="5" bordercolor="pink" align="center"

bgcolor="yellow">

<tr>

<td colspan="3" align="center">Prices of Different Cars</td>

</tr>

<tr>

<th>Brands</th>

<th>Model</th>

<th>Price</th>

</tr>

<tr>

<td rowspan="3">Maruti</td>

<td>A</td>

<td>100000</td>

</tr>

79
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<tr>

<td>B</td>

<td>50000</td>

</tr>

<tr>

<td>C</td>

<td>70000</td>

</tr>

<tr>

<td rowspan="3">Honda</td>

<td>A</td>

<td>90000</td>

</tr>

<tr>

<td>B</td>

<td>79000</td>

</tr>

<tr>

<td>C</td>

<td>80000</td>

</body>

80
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</html>

81
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-29

Design a table as follows:

<html>

<head><title>Assignment 29 Priyanshu</title></head>

<body>

<table border =2 cellpadding ="10" cellspacing="5" bordercolor ="pink" align ="center"

bgcolor="yellow">

<tr>

<td colspan="6" align="center">IP University Courses</td>

</tr>

<tr>

<th colspan="3" align="center">Graduate</th>

<th colspan="3" align="center">Post Graduate</th>

</tr>

<tr>

<td>BBA</td>

<td>BCA</td>

<td>B.Tech</td>

<td>MBA</td>

82
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<td>MCA</td>

<td>M.Tech</td>

</tr>

<tr>

<td>240</td>

<td>120</td>

<td>100</td>

<td>200</td>

<td>100</td>

<td>80</td>

</tr>

</body>

</html>

83
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

84
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-30

Design a web page to display the following table with hyperlinks on department name for every
information inside the table.

Computer Science

<html>

<head><title>Computer Science</title></head>

<body bgcolor="yellow">

<h1>Computer Science</h1>

<p>Computer science (sometimes called computation science) is the study of

processes that interact with data and that can be represented as data in

the form of programs. It enables the use of algorithms to manipulate,

store, and communicate digital information. A computer scientist studies

the theory of computation and the design of software systems.

Its fields can be divided into theoretical and practical disciplines.

Computational complexity theory is highly abstract, while computer graphics

emphasizes real-world applications. Programming language theory considers

approaches to the description of computational processes, while software

engineering involves the use of programming languages and complex systems.

Human–computer interaction considers the challenges in making computers

85
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

useful, usable, and accessible.

</body>

</html>

Maths

<html>

<head><title>Maths</title></head>

<body bgcolor ="pink">

<h1>Maths</h1>

<p>the science of numbers and their operations, interrelations,

combinations, generalizations, and abstractions and of space configurations

and their structure, measurement, transformations, and generalizations

</body>

86
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</html>

Chemistry

<html>

<head><title>Chemistry</title></head>

<body bgcolor="yellow">

<h1>Chemistry</h1>

<p>Chemistry is the study of matter, its properties, how and why substances

combine or separate to form other substances, and how substances interact

with energy.

</body>

</html>

87
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Commerce

<html>

<head><title>Commerce</title></head>

<body bgcolor="pink">

<h1>Commerce</h1>

<p>Commerce is the exchange of goods and services, especially on a large

scale. It includes legal, economic, political, social, cultural and

technological systems that operate in a country or in international trade.

In the economic sense, "commerce" refers to the conduct of trade among

economic agents.

</body>

</html>

88
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Main

<html>

<head><title>Assignment 30 Priyanshu</title></head>

<body bgcolor="grey">

<table border=2 cellpadding="10" cellspacing="5" bordercolor="pink"

align="center" bgcolor="pink">

<tr>

<th rowspan="2" align="center">S.No</th>

<th rowspan="2" align="center">Dept. Name</th>

<th colspan="2" align="center">Courses</th>

</tr>

89
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<tr>

<td>UG</td>

<td>PG</td>

</tr>

<tr>

<td>1</td>

<td><a href="Computer Science.html">Computer Science</td>

<td>Yes</td>

<td>Yes</td>

</tr>

<tr>

<td>2</td>

<td><a href="Maths.html">Maths</td>

<td>Yes</td>

<td>Yes</td>

</tr>

<tr>

<td>3</td>

<td> <a href="Chemistry.html">Chemistry</td>

<td>No</td>

<td>Yes</td>

90
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</tr>

<tr>

<td>4</td>

<td><a href="Commerce.html">Commerce</td></td>

<td>Yes</td>

<td>Yes</td>

</tr>

</body>

</html>

91
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-31

Design a HTML web page of your favourite movie. Give an attractive background colour and
image.

name

<html>

<head>

<title>name</title>

</head>

<body bgcolor="black">

<center><p style = "color:red; font-size:24px;">K.G.F: Chapter 1</p></center>

</body>

</html>

92
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Image

<html>

<head>

<title> image</title>

</head>

<body bgcolor="red">

<img src="download.jpg" height="600" width="700">

</body>

</html>

93
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Description

<html>

<head>

<title> description</title>

</head>

<body bgcolor="red">

<p style = "color:yellow; font-size:24px;" >

K.G.F: Chapter 1

K.G.F: Chapter 1 is a 2018 Indian Kannada-language period action film written and directed by
Prashanth Neel, and produced by Vijay Kiragandur under the banner Hombale films. It is the
first instalment in the two-part series, followed by K.G.F: Chapter 2. The film centres around
Raja Krishnappa Bairya "Rocky", born into poverty, who arrives in Bombay (now Mumbai) in
the 1960s, on a quest for power and wealth as desired by his dying mother. Involved with the
gold mafia there, he is recruited to kill Garuda, the oppressive heir-in-waiting, in Kolar Gold
Fields. Yash stars as Rocky, while Ramachandra Raju features as Garuda. Anant Nag narrates
the film while also playing a supporting role alongside Srinidhi Shetty, Vasishta N. Simha,
Ayyappa P. Sharma and Harish Rai. At the 66th National Film Awards, the film won 2 awards
for Best Action and Best Special Effects. The film is a blockbuster in Kannada Film Industry as
well as Indian Cinema.

The development of the film began in early 2015 when Neel completed writing the screenplay.
However, filming began only two years later, in March 2017. Majority of the film is set in Kolar
Gold Fields and was filmed on location. Bhuvan Gowda served as the cinematographer and
Shrikanth as the editor. Ravi Basrur scored music for the soundtrack and the film's background.

</body>

</html>

94
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

95
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Main

<html>

<head>

<title>Priyanshu assignment 31</title>

</head>

<frameset rows = "10%,90%">

<frame name = "a" src = "name.html" />

<frameset cols = "50%,50%">

<frame name = "b" src = "image.html" />

<frame name = "c" src = "description.html" />

<noframes>

<body>Your browser does not support frames.</body>

</noframes>

</frameset>

</html>

96
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-32

Design a frame as follows:

Mobile phone, shoes pen drive and shirts will be hyperlink. If

User click on any item its picture should be displayed in frame 2

and details about the product in frame 3.

Top

<html>

<head>

<title>Priyanshu Assignment 32</title>

</head>

<body bgcolor="pink">

<a href="mobileimage.html" target="left">Mobile Phones</a>

<a href="shoesimage.html" target="left">Shoes</a>

<a href="pendriveimage.html" target="left">Pen Drive</a>

<a href="shirtimage.html" target="left">Shirt</a>

</body>

</html>

97
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

mobile image

<html>

<head>

<title> image</title>

</head>

<body bgcolor="grey">

<a href="mobiledescription.html" target="right"><img src="apple-iphone-se.jpg" height="500"

width="400"></a>

</body>

</html>

98
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Mobile description

<html>

<head>

<title> description</title>

</head>

<body bgcolor="pink">

<p style = "color:red; font-size:24px;" >

<br>Released 2016, March

<br>113g, 7.6mm thickness

<br>iOS 9.3.2, up to iOS 13.4

<br>16GB/32GB/128GB storage, no card slot

<br>4.0" inch screen

<br>640x1136 pixels

<br>12MP back camera

99
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<br>2160p

<br>2GB RAM

<br>Apple A9

<br>1624mAh

</body>

</html>

Shoe image

<html>

<head>

<title> image</title>

</head>

<body bgcolor="red">

<a href="shoesdescription.html" target="right"><img src="shoes.jpeg" height="500" width="400"></a>

100
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</body>

</html>

Shoe description

<html>

<head>

<title> description</title>

</head>

<body bgcolor="green">

<p style = "color:blue; font-size:24px;" >

<br>Wildcraft

<br>Volga Outdoors For Men (Grey)

<br>Color- Grey

<br>Outer Material- Synthetic

<br>Model Name- Volga

101
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<br>Ideal For- men

<br>Occasion- Casual

</body>

</html>

Pen drive image

<html>

<head>

<title> image</title>

</head>

<body bgcolor="green">

<a href="pendrivedescription.html" target="right"><img src="pendrive.jpeg" height="500"

width="300"></a>

</body>

</html>

102
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Pen drive description

<html>

<head>

<title> description</title>

</head>

<body bgcolor="green">

<p style = "color:orange; font-size:24px;" >

<br>Brand: HP

<br>HP MM-OTG032GB-02P 32 GB Pen Drive (Silver, Blue)

<br>Model Name- MM-OTG032GB-02P

<br>Opening Mechanism- Standard

<br>Read Speed- 14 Mbps

<br>Write Speed- 4 Mbps

103
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<br>Part Number- HPFD302M-32

<br>Width- 5.7 mm

<br>Height- 16.8 mm

<br>Depth- 5.5 mm

<br>Weight- 7.7 g

<br>Other Features- System Requirements: Windows 7, Windows 8, Windows 10, Mac OS 10.3 and
Android 4.0 or Above, Easily Look Files, Plug and Play

</body>

</html>

Shirt Image

<html>

<head>

<title> image</title>

</head>

<body bgcolor="red">

104
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<a href="shirtdescription.html" target="right"><img src="shirt.jpeg" height="500" width="500"></a>

</body>

</html>

Shirt description

<html>

<head>

<title> description</title>

</head>

105
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<body bgcolor="blue">

<p style = "color:red; font-size:24px;" >

<br>Men Solid Casual Slim Shirt

<br>Style Code- Cotton Shirt for

<br>Fit- Regular

<br>Fabric- Cotton Blend

<br>Sleeve- Full Sleeve

<br>Pattern- Solid

<br>Reversible- No

<br>Collar- Slim

<br>Color- Blue

<br>Fabric Care- Gentle Machine Wash

<br>Suitable For- Western Wear

</body>

</html>

106
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Main output

<html>

<head>

<title>Priyanshu Assignment 32</title>

</head>

<frameset rows="20%,80%">

<frame name="top" src="top.html">

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

<frame name="left">

<frame name="right">

</frameset>

</frameset>

</html>

107
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

108
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

109
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-33

Design a frame as follows:

List description

<html>

<head>

<title>list description</title>

</head>

<body bgcolor="yellow">

<marquee><b>list Description</b></marquee><p>

<p><b>HTML Lists</b>

<p>HTML Lists are used to specify lists of information.

All lists may contain one or more list elements. There are three different

types of HTML lists:

<p><b>Ordered List or Numbered List ( ol )</b>

In the ordered HTML lists, all the list items are marked with numbers by

default. <p>

It is known as numbered list also.

<p>The ordered list starts with < ol > tag and the list items start with <

110
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

li > tag.<a href="orderedlistexample.html" target="b"> Example of Ordered

List</a>

<p><b>Unordered List or Bulleted List ( ul )</b>

In HTML Unordered list, all the list items are marked with bullets. <p>

It is also known as bulleted list also. The Unordered list starts with < ul

> tag and list items start with the < li > tag. <a

href="unorderedlistexample.html" target="b"> Example of UnOrdered List </a>

<p><b>Description List or Definition List ( dl )</b>

HTML Description list is also a list style which is supported by HTML and

XHTML. <p>

It is also known as definition list where entries are listed like a

dictionary or encyclopedia.

<p>The definition list is very appropriate when you want to present

glossary, list of terms or other name-value list.

<p>The HTML definition list contains following three tags:

<p>< dl > tag defines the start of the list.

<p>< dt > tag defines a term.

<p>< dd > tag defines the term definition (description).<a

href="definitionlistexample.html" target="b"> Example of Definition

List</a>

</body>

111
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</html>

Example of ordered list

<html>

<head>

<title>order list example></title>

</head>

<body bgcolor="blue">

<marquee><b>Example of order list</b></marquee>

<ol>

<li>BBA</li>

<li>B.COM</li>

<li>BCA</li>

112
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</ol>

</body>

</html>

Example of unordered list

<html>

<head>

<title>unordered list example</title>

</head>

<body bgcolor="green">

<marquee><b>Example of unordered list</b></marquee>

<ul>

<li>BBA</li>

113
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<li>B.COM</li>

<li>BCA</li>

</ul>

</body>

</html>

Example of definition list

<html>

<head>

<title>definition list example</title>

</head>

<body bgcolor="red">

<marquee><b>Example of definition list</b></marquee>

114
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<dl>

<dt>BBA</dt>

<dd>-Bachelor of Business Administration.</dd>

<dt>B.COM</dt>

<dd>-Bachelor of Commerce.</dd>

<dt>BCA</dt>

<dd>-Bachelors in Computer Application.</dd>

</dl>

</body>

</html>

Table description

<html>

115
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<head>

<title>table description</title>

</head>

<body bgcolor="yellow">

<marquee><b>Table Description</b></marquee><p>

HTML table tag is used to display data in tabular form (row * column). <p>

There can be many columns in a row.

We can create a table to display data in tabular form, using <table>

element, with the help of < tr > , < td >, and < th> elements.

In Each table, table row is defined by < tr > tag, table header is defined

by < th >, and table data is defined by < td > tags.

<p><b> HTML Border attribute</b>

You can use border attribute of table tag in HTML to specify border. <a

href="tableexample.html" target="b"> Example of Table </a>

<p>Use the HTML < table> element to define a table

<p>Use the HTML < tr> element to define a table row

<p>Use the HTML < td> element to define a table data

<p>Use the HTML < th> element to define a table heading

<p>Use the HTML < caption> element to define a table caption

<p>Use the colspan attribute to make a cell span many columns

<p>Use the rowspan attribute to make a cell span many rows</body>

116
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</html>

117
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Example of Table

<html>

<head>

<title>Table example</title>

</head>

<body bgcolor="orange">

<marquee><b>Example of Table</b></marquee>

<table border="2" cellspacing=15 cellpadding=15>

<tr><th>First_Name</th><th>Last_Name</th><th>Marks</th></tr>

<tr><td>Pinto</td><td>Singh</td><td>82</td></tr>

<tr><td>Happy</td><td>Singh</td><td>77</td></tr>

<tr><td>Amar</td><td>Sharma</td><td>91</td></tr>

118
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<tr><td>Sparsh</td><td>Pandey</td><td>67</td></tr>

</table>

</body>

</html>

Frame Description

<html>

<head>

<title>Frame description</title>

</head>

<body bgcolor="yellow">

<marquee><b>Frame Description</b></marquee><p>

HTML < frame> tag (Not supported in HTML5)

119
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

HTML < frame> tag define the particular area within an HTML file

where another HTML web page can be displayed.

A < frame> tag is used with < frameset>, and it

divides a webpage into multiple sections or frames,

and each frame can contain different web pages.

The <frameset> tag defines a frameset.

The < frameset> element holds one or more < frame> elements. Each < frame>

element can hold a separate document.

The < frameset> element specifies HOW MANY columns or rows there will

be in the frameset, and HOW MUCH percentage/pixels of space will occupy

each of them.<p><a href="verticalframeexample.html" target="b"> Vertical

Frame Example</a>

<p><a href="horizontalframeexample.html" target="b"> Horizontal Frame

Example</a>

</body>

</html>

120
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Vertical frame example

<html>

<head>

<title>Verticle Frame example</title>

</head>

<frameset cols="33.33%,33.33%,33.34%">

<frame src="orderedlistexample.html" >

<frame src="unorderedlistexample.html">

<frame src="definitionlistexample.html">

</frameset>

</body>

</html>

121
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Horizontal Frame Example

<html>

<head>

<title>Horizontal Frame example</title>

</head>

<frameset rows="33.33%,33.33%,33.34%">

<frame src="orderedlistexample.html" >

<frame src="unorderedlistexample.html">

<frame src="definitionlistexample.html">

</frameset>

</body>

</html>

122
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Menu

<html>

<head>

<title>Menu</title>

</head>

<body bgcolor="pink">

MAIN MENU

<p><a href="listdescription.html" target="a">List</a>

<p><a href="tabledescription.html" target="a">Table</a>

<p><a href="framedescription.html" target="a">Frame</a>

</body>

</html>

123
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Main

<html>

<head>

<title>Priyanshu Assignment 33</title>

</head>

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

<frame name="left" src="mainmenu.html">

<frameset rows="50%,50%">

<frame name="a">

<frame name="b">

</frameset>

</frameset>

124
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</html>

125
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

126
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

127
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-34

Design a student registration form.

FORM 1

<html>

<head>

<title>Student Registration Form</title>

</head>

<body bgcolor="Lavender">

<h1 align="center"><marquee BGCOLOR="cyan" SCROLLAMOUNT="4"

behavior="alternate">Student Registration Form</marquee><h1>

<form>

<b>

<label for="First Name">First Name: </label>

<input type="text" name="tb1"><br><br><br>

<label for="Last Name">Last Name: </label>

<input type="text" name="tb2"><br><br>

<label for="gender">Gender: </label>

<input type="radio" name="gender" value="male"/>Male

<input type="radio" name="gender" value="female"/>Female

<input type="radio" name="gender" value="Others"/>Others <br> <br>

<label for="Address">Address: </label>

<textarea rows="4" cols="22"></textarea><br><br>

<label for="Password">Password: </label>

<input type="password" name="tb3"><br><br>

<label for="Confirm Password">Confirm Password: </label>

128
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<input type="password" name="tb4"><br><br></b>

<input type = "submit" name = "submit" value = "Submit" />

<input type = "reset" name = "reset" value = "Reset" />

</form>

</body>

</html>

FORM 2

<html>

<head>

<title>Student Registration Form</title>

</head>

<body bgcolor="lavender">

<h2><marquee SCROLLAMOUNT="4" behavior="alternate">Student Registration

129
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Form</marquee><h2>

<table align="center" cellpadding = "10">

<!----- First Name

---------------------------------------------------------->

<tr>

<td>FIRST NAME</td>

<td><input type="text" name="First_Name" maxlength="30"/>

(max 30 characters a-z and A-Z)

</td>

</tr>

<!----- Last Name

---------------------------------------------------------->

<tr>

<td>LAST NAME</td>

<td><input type="text" name="Last_Name" maxlength="30"/>

(max 30 characters a-z and A-Z)

</td>

</tr>

<!----- Date Of Birth

-------------------------------------------------------->

<tr>

<td>DATE OF BIRTH</td>

130
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<td>

<select name="Birthday_day" id="Birthday_Day">

<option value="-1">Day:</option>

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

<option value="6">6</option>

<option value="7">7</option>

<option value="8">8</option>

<option value="9">9</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

<option value="13">13</option>

<option value="14">14</option>

<option value="15">15</option>

<option value="16">16</option>

<option value="17">17</option>

<option value="18">18</option>

<option value="19">19</option>

131
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<option value="20">20</option>

<option value="21">21</option>

<option value="22">22</option>

<option value="23">23</option>

<option value="24">24</option>

<option value="25">25</option>

<option value="26">26</option>

<option value="27">27</option>

<option value="28">28</option>

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

<option value="30">30</option>

<option value="31">31</option>

</select>

<select id="Birthday_Month" name="Birthday_Month">

<option value="-1">Month:</option>

<option value="January">Jan</option>

<option value="February">Feb</option>

<option value="March">Mar</option>

<option value="April">Apr</option>

<option value="May">May</option>

<option value="June">Jun</option>

<option value="July">Jul</option>

132
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<option value="August">Aug</option>

<option value="September">Sep</option>

<option value="October">Oct</option>

<option value="November">Nov</option>

<option value="December">Dec</option>

</select>

<select name="Birthday_Year" id="Birthday_Year">

<option value="-1">Year:</option>

<option value="2012">2012</option>

<option value="2011">2011</option>

<option value="2010">2010</option>

<option value="2009">2009</option>

<option value="2008">2008</option>

<option value="2007">2007</option>

<option value="2006">2006</option>

<option value="2005">2005</option>

<option value="2004">2004</option>

<option value="2003">2003</option>

<option value="2002">2002</option>

<option value="2001">2001</option>

<option value="2000">2000</option>

<option value="1999">1999</option>

133
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<option value="1998">1998</option>

<option value="1997">1997</option>

<option value="1996">1996</option>

<option value="1995">1995</option>

<option value="1994">1994</option>

<option value="1993">1993</option>

<option value="1992">1992</option>

<option value="1991">1991</option>

<option value="1990">1990</option>

<option value="1989">1989</option>

<option value="1988">1988</option>

<option value="1987">1987</option>

<option value="1986">1986</option>

<option value="1985">1985</option>

<option value="1984">1984</option>

<option value="1983">1983</option>

<option value="1982">1982</option>

<option value="1981">1981</option>

<option value="1980">1980</option>

</select>

</td>

</tr>

134
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<!----- Email Id

---------------------------------------------------------->

<tr>

<td>EMAIL ID</td>

<td><input type="text" name="Email_Id" maxlength="100" /></td>

</tr>

<!----- Mobile Number

---------------------------------------------------------->

<tr>

<td>MOBILE NUMBER</td>

<td>

<input type="text" name="Mobile_Number" maxlength="10" />

(10 digit number)

</td>

</tr>

<!----- Gender ----------------------------------------------------------->

<tr>

<td>GENDER</td>

<td>

Male <input type="radio" name="Gender" value="Male" />

Female <input type="radio" name="Gender" value="Female" />

135
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

</td>

</tr>

<!----- Address ---------------------------------------------------------->

<tr>

<td>ADDRESS <br /><br /><br /></td>

<td><textarea name="Address" rows="4" cols="30"></textarea></td>

</tr>

<!----- City ---------------------------------------------------------->

<tr>

<td>CITY</td>

<td><input type="text" name="City" maxlength="30" />

(max 30 characters a-z and A-Z)

</td>

</tr>

<!----- Pin Code

---------------------------------------------------------->

<tr>

<td>PIN CODE</td>

<td><input type="text" name="Pin_Code" maxlength="6" />

(6 digit number)

</td>

</tr>

136
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<!----- State ---------------------------------------------------------->

<tr>

<td>STATE</td>

<td><input type="text" name="State" maxlength="30" />

(max 30 characters a-z and A-Z)

</td>

</tr>

<!----- Country ---------------------------------------------------------->

<tr>

<td>COUNTRY</td>

<td><input type="text" name="Country" value="India" readonly="readonly"

/></td>

</tr>

<!----- Hobbies ---------------------------------------------------------->

<tr>

<td>HOBBIES <br /><br /><br /></td>

<td>

Drawing

<input type="checkbox" name="Hobby_Drawing" value="Drawing" />

Singing

<input type="checkbox" name="Hobby_Singing" value="Singing" />

Dancing

137
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<input type="checkbox" name="Hobby_Dancing" value="Dancing" />

Sketching

<input type="checkbox" name="Hobby_Cooking" value="Cooking" />

<br />

Others

<input type="checkbox" name="Hobby_Other" value="Other">

<input type="text" name="Other_Hobby" maxlength="30" />

</td>

</tr>

<!-----

Qualification---------------------------------------------------------->

<tr>

<td>QUALIFICATION <br /><br /><br /><br /><br /><br /><br /></td>

<td>

<table>

<tr>

<td align="center"><b>Sl.No.</b></td>

<td align="center"><b>Examination</b></td>

<td align="center"><b>Board</b></td>

<td align="center"><b>Percentage</b></td>

<td align="center"><b>Year of Passing</b></td>

</tr>

138
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<tr>

<td>1</td>

<td>Class X</td>

<td><input type="text" name="ClassX_Board" maxlength="30" /></td>

<td><input type="text" name="ClassX_Percentage" maxlength="30" /></td>

<td><input type="text" name="ClassX_YrOfPassing" maxlength="30" /></td>

</tr>

<tr>

<td>2</td>

<td>Class XII</td>

<td><input type="text" name="ClassXII_Board" maxlength="30" /></td>

<td><input type="text" name="ClassXII_Percentage" maxlength="30" /></td>

<td><input type="text" name="ClassXII_YrOfPassing" maxlength="30" /></td>

</tr>

<tr>

<td>3</td>

<td>Graduation</td>

<td><input type="text" name="Graduation_Board" maxlength="30" /></td>

<td><input type="text" name="Graduation_Percentage" maxlength="30" /></td>

<td><input type="text" name="Graduation_YrOfPassing" maxlength="30" /></td>

</tr>

<tr>

139
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<td>4</td>

<td>Masters</td>

<td><input type="text" name="Masters_Board" maxlength="30" /></td>

<td><input type="text" name="Masters_Percentage" maxlength="30" /></td>

<td><input type="text" name="Masters_YrOfPassing" maxlength="30" /></td>

</tr>

<tr>

<td></td>

<td></td>

<td align="center">(10 char max)</td>

<td align="center">(upto 2 decimal)</td>

</tr>

</table>

</td>

</tr>

<!----- Course ---------------------------------------------------------->

<tr>

<td>COURSES<br />APPLIED FOR</td>

<td>

BCA

<input type="radio" name="Course_BCA" value="BCA">

B.Com

140
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<input type="radio" name="Course_BCom" value="B.Com">

B.Sc

<input type="radio" name="Course_BSc" value="B.Sc">

B.A

<input type="radio" name="Course_BA" value="B.A">

</td>

</tr>

<!----- Submit and Reset ------------------------------------------------->

<tr>

<td colspan="2" align="center">

<input type="submit" value="Submit">

<input type="reset" value="Reset">

</td>

</tr>

</table>

</form>

</body>

</html>

141
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

142
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-35

<html>

<head>

<title>Login Page</title>

</head>

<body bgcolor="lavender">

<center><form>

<img src="FACEBOOK.PNG"><br>

<br><h1>

E-Mail: <input type="email" name="Email ID"><br><br><br>

Password: <input type="password" name="Password"><br><br>

<input type="submit" value="login"> <input type="reset"

value="reset"></h1>

</form></center>

</body>

</html>

143
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

144
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-36

<html>
<head>
<title>Priyanshu Assignment 36</title></head>
<body bgcolor="tan">
<h1 align="center"><marquee>Student Registration Form</marquee></h1>
<form>
<fieldset><legend>Basic Information</legend>
First Name: <input type="text" name="tb1"><br><br>
Last Name: <input type="text" name="tb2"><br><br>
Birth Date: <input type="text" name="tb3"><br><br>
Gender: <input type="radio" name="tb4">Male<input type="radio"
name="tb4">Female<input type="radio" name="tb4">Other
<br><br>
Address:<textarea rows="4" cols="22"></textarea><br><br>
Phone No:<input type="text" name="tb5"><br><br><br>
City:<select>
<option value="Delhi">Delhi</option>
<option value="Pune">Pune</option>
<option value="Jaipur">Jaipur</option>
<option value="Agra">Agra</option>
<option value="Amritsar">Amritsar</option>
<option value="Varanasi">Varanasi</option>
</select>
</fieldset>

145
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<fieldset>
<legend>Extra Informatiom</legend>
Intrests: <input type="checkbox">Arts<input type="checkbox">cinema<input

type="checkbox">Video Games<br><br>
Favourite Colour:<input type="color"><br><br><br>
</fieldset>
<input type="Submit" value="Send Data"><input type="Reset" value="Reset

Form">

</form>
</body>
</head>
</html>

146
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

147
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

ASSIGNMENT-37

Anchor

<html>
<head><title>Anchor</title></head>
<body bgcolor="aqua">
<h1 align="center">Anchor</h1>
The < a> tag defines a hyperlink, which is used to link from one page to
another.

The most important attribute of the < a> element is the href attribute,
which indicates the link's destination.<br>

By default, links will appear as follows in all browsers:

<ul><li>An unvisited link is underlined and blue<li>
<li>A visited link is underlined and purple</li>
<li>An active link is underlined and red</li></ul>

<p> There are 2 types of links to pages that are available in html i.e.
Internal Link and External Link
<dl><dd><i><u>Internal Link</u></i></dd>
<dt>It is a link in the website that navigates the visitor to another
page or same page in your website.<br>
In internal link, ".html" is used.
For Example:< a href="__________.html"> File</ a></dt><br><br>

<dd> <i><u>External Link</u></i></dd>

<dt>It navigates the visitor away from your site to another
website in the internet.<br>
In external link, "#" is used.
For Example: < a href ="# ______">----</ a> <dt></dl>
<br><br><br>

<font size="10"><a href="homepage.html" >HOME</a></font>

</body>
</html>

148
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Font

<html>
<head><title>Font Styles and Images</title></head>
<body bgcolor="coral">
<h1 align="center">Font Styles and Images</h1>
<h3><u>Font tag</u></h3>
The <font> tag defines the font characteristics. Size, color and typeface
are defined by the size, color and face attributes.
<h4><i>Syntax</i></h4>
The <font> tag comes in pairs. The content is written between the opening
(< font>) and closing (</ font>) tags.
i.e.< font>______________</ font>.
<h4><i>Attributes</i></h4>
<table border="1" cellpadding="5">
<tr><th>Attribute</th>
<th>Value</th>
<th>Description</th></tr>
<tr><td>color</td>
<td> rgb (x, x, x)<br>#xxxxxx<br>colorname</td>
<td>Sets the color of the text. </td></tr>
<tr><td>size</td>
<td>number</td>
<td>Sets the size of the text.</td></tr>
<tr><td>face</td>
<td>font_family</td>
<td>Sets the typeface.</td></tr>
</table>
<hr size="3">

149
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<h3><u>Image Tag</u></h3>
The < img> tag defines an image in an HTML page.

The < img> tag has two required attributes: src and alt.
<h4><i>Attributes</i></h4>
<table border="1" cellpadding="5">
<tr><th>Attribute</th>
<th>Value</th>
<th>Description</th></tr>
<tr><td>src</td>
<td>URL</td>
<td>Specifies the URL of an image</td></tr>
<tr><td>align</td>
<td>top<br>bottom<br>middle<br>left<br>right</td>
<td>Specifies the alignment of an image according to surrounding
elements</td></tr>
<tr><td>border</td>
<td>pixels</td>
<td>Specifies the width of the border around an image</td></tr>
<tr><td>height</td>
<td>pixels</td>
<td>Specifies the height of an image</td></tr>
<tr><td>width</td>
<td>pixels</td>
<td>Specifies the width of an image</td></tr>

</table><br><br><br>
<font size="10"><a href="homepage.html" >HOME</a></font>
</body>
</html>

150
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Fornatting

<html>
<head><title>Formatting Styles and Headings</title></head>
<body bgcolor="khaki">
<h1 align="center">Formatting Styles and Headings</h1>

In HTML, a number of elements are used to format text. The formatting tags
are divided into two groups: physical tags, that are used to style the
text (visual appearance of the text) and logical or semantic tags that add
semantic value to the text parts.<br>
Following are the various formatting tags in HTML:
<dl>
<dt>Bold</dt>
<dd>The < b> tag is a physical tag that stands for bold text i.e. makes
the enclosed text bold.
For Example: < b> This is an appple.</ b><br>
<b> This is an appple.</b></dd>
<br>
<dt>Italics</dt>
<dd>The < i> tags define italic text. The < i> tag is responsible for
visual appearance of the enclosed text.
For Example: < i> This is an appple.</ i><br>
<i> This is an appple.</i></dd>
<br>
<dt>Underline</dt>
<dd>The content enclosed in the < u> tag is displayed as underlined.
For Example: < u> The stars and the Moon.<br></ u>
<u> The stars and the Moon.</u></dd>

151
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<br>
<dt>Strike</dt>
<dd>This tag strikes out the text enclosed in the < strike> tag.
For Example: < strike> Social</ strike><br>
<strike> Social</strike></dd>
<br>
<dt>Subscript</dt>
<dd>The < sub> tag defines subscript texts. Subscript text is under the
baseline of other symbols of the line and has smaller font.
For Example: H< sub>2< sub>O<br>H<sub>2<sub></dd>
<br>
<dt>Superscript</dt>
<dd>The < sup> tag defines superscript, that is set slightly above the
normal line of type and is relatively smaller than the rest of the text.
For Example: H< sup>2</ sup><br>H²</dd>
<br>
<dt> Headings</dt>
<dd>The < h1>-< h6> tags are used to define HTML headings. There are 6
levels of headings in HTML, the < h1> defines the most and the < h6> least
important headings.
For Example: < h3> Apple</ h3><h3> Apple</h3></dd>
</dl>
<br><br><br>
<font size="10"><a href="homepage.html" >HOME</a><font>
</body>
</html>

Marquee

<html>

152
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<head><title>Marquee</title></head>
<body bgcolor="cyan">
<h1 align="center">Marquee</h1>
<h4><i>Definition</i></h4>
The HTML < marquee> tag defines a scrolling text area in the HTML document
that moves across the page in a horizontal or vertical direction. By
default, text found within the < marquee> tag will scroll from right to
left.
<h4><i>Attributes</i></h4>
<table border="1" cellpadding="3">
<tr><th>Attribute</th>
<th>Description</th></tr>
<tr><td>bgcolor</td>
<td>Background color</td></tr>
<tr><td>direction</td>
<td>Direction that the text scrolls. It can be one of the following
values: left, right, up, down. The default value is left if the direction
attribute is not specified.</td></tr>
<tr><td>height</td>
<td>Height of the marquee (expressed in either pixels or
percent)</td></tr>
<tr><td>width</td>
<td>Width of the marquee (expressed in either pixels or
percent)</td></tr>
<tr><td>scrollamount</td>
<td>The amount of scrolling (in pixels) for each interval. The default
value is 6 if the scrollamount is not specified</td></tr>
<tr><td>loop</td>
<td>The number of times that the text will scroll. The default value
is -1 which means that the marquee will loop continuously.</td></tr>
<tr><td>behavior</td>
<td>The behavior of how the text scrolls. It can be one of the
following values: alternate, scroll, slide</td></tr>
</table><br><br><br>
<font size="10"><a href="homepage.html" >HOME</a></font>
</body>
</html>

153
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

Other Formatting

<html>
<head><title>Other Tags</title></head>
<body bgcolor="orange">
<h1 align="center">Other Tags</h1>
<b> Br</b>
The HTML < br> element produces a line break in text (carriage-return). It
is useful for writing a poem or an address, where the division of lines is
significant.
<hr size="3">
<b> Hr</b>
The HTML < hr> tag is used to insert a horizontal line in a webpage.
<hr size="3">
<b>Pre</b>
The <pre> tag in HTML is used to define the block of preformatted text
which preserves the text spaces, line breaks, tabs, and other formatting
characters which are ignored by web browsers. Text in the < pre> element
is displayed in a fixed-width font.
<hr size="3">
<b>P</b>
The < p> tag defines a paragraph. Browsers automatically add some space
(margin) before and after each < p> element.
<hr size="3">
<b>Table</b>
The <table> tag defines an HTML table.

An HTML table consists of the < table> element and one or more < tr>, <
th>, and < td> elements.<br>

154
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

The < tr> element defines a table row, the < th> element defines a table
header, and the < td> element defines a table cell data.

A more complex HTML table may also include < caption>, < col>, < colspan>,
< rowspan> and many more such elements.
<hr size="3">
<b>Form</b>
The < form> tag is used to create an HTML form for user input.

<p>The < form> element can contain one or more of the following form
elements:

< input><br>
< textarea><br>
< button><br>
< select><br>
< option><br>
< fieldset><br><br><br><br>
<font size="10"><a href="homepage.html" >HOME</a></font>
</body>
</html>

Main

<html>
<head><title> HTML TUTORIAL</title></head>
<body background="image1.jpg">
<h1><marquee scrollamount="15"> HTML TUTORIAL</marquee></h1>

155
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

<font size="5"Hypertext Markup Language (HTML) is the standard markup

language for documents designed to be displayed in a web browser.
HTML elements are the building blocks of HTML pages. With HTML
constructs, images and other objects such as interactive forms may be
embedded into the rendered page. <br>
HTML provides a means to create structured documents by denoting
structural semantics for text such as headings, paragraphs, lists, links,
quotes and other items.
HTML elements are delineated by tags, written using angle brackets.<br>
<p>The HTML tutorials are as follows:

<ul><li><a href="formatting.html">Formatting Styles and Headings</a><li>

<li><a href="font.html">Font Styles and Images</a></li>
<li><a href="ANCHOR.html">Anchor</a></li>
<li><a href="Marquee.html">Marquee</a><li>
<li><a href="othertags.html">Other tags</a></li><p>
</ul></font>
</body>
</html>

156
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

157
Priyanshu Kumar

B.COM(Hons) Roll No. 01990388817

158