Scribd
Upload
88 views60 pages

Guru Gobind Singh Indraprastha Universitya: Institute of Innovation in Technology & Management

This document contains assignments for an e-commerce practical file. It includes 6 assignments with multiple questions in each assignment related to HTML tags. The assignments cover basic HTML tags like headings, paragraphs, lists, links, images etc. and how to use them to structure and format web pages. Students are asked to create web pages using different HTML elements and display data like personal details, names, equations etc. appropriately.

Uploaded by

Arnav Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
88 views60 pages

Guru Gobind Singh Indraprastha Universitya: Institute of Innovation in Technology & Management

This document contains assignments for an e-commerce practical file. It includes 6 assignments with multiple questions in each assignment related to HTML tags. The assignments cover basic HTML tags like headings, paragraphs, lists, links, images etc. and how to use them to structure and format web pages. Students are asked to create web pages using different HTML elements and display data like personal details, names, equations etc. appropriately.

Uploaded by

Arnav Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 60

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITYa

INSTITUTE OF INNOVATION IN TECHNOLOGY & MANAGEMENT

E-Commerce
PRACTICAL FILE
SUBJECT CODE: BBA 108
E COMMERCE PRACTICAL FILE

Submitted To: Submitted By:


Ms:Ankita/Ms.Harsh Arora Name:Arnav Kumar
Assistant Professor Class:E2 BBA
Enrolment no:10824401719

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

<html>
<head>
<title>Assignment 1.Q1</title>
<body>ARNAV KUMAR
<h1>Arnav Kumar</h1>
<h2>Arnav Kumar</h2>
<h3>Arnav Kumar</h3>
<h4>Arnav Kumar</h4>
<h5>Arnav Kumar</h5>
<h6>Arnav Kumar</h6>
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE

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

<html>
<head>
<title>Assignment 1.Q2</title>
<body>ARNAV KUMAR
<h1>Heading Elements</h1>
<h2>Summary</h2><br>
some text here<br>
<h3>Examples</h3>
<h4>Example 1</h4><br>
some text here<br>
<h5>Example 2</h5><br>
some text here<br>
<h6>see also</h6><br>
E COMMERCE PRACTICAL FILE
some text here
</body>
</head>
</html>

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

<html>

<head>

<title> Assignment 2</title>

<body>ARNAV KUMAR

<p>This is first paragraph of text. This is first paragraph of text. This is first paragraph of text</p>

<p>This is second paragraph of text.This is second paragraph of text.This is second paragraph of


text.</p>

</body>

</head>

</html>
E COMMERCE PRACTICAL FILE

ASSIGNMENT 3
Q. Design a web page describing yourself using single and multiline
comments. Also use <br > tag.
<html>
<head>
<title>ASSIGNMENT 3</title>
<body>ARNAV KUMAR<br>
<!--this represents name-->
Name:ARNAV KUMAR<br>
Age: 18 yrs.<br>
<!--hobbies-->
E COMMERCE PRACTICAL FILE
hobbies: playing sports<br>
<!--this section shows the qualification-->
qualification: Graduating
</body>
</head>
</html>

ASSIGNMENT 4
Q1. 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>ASSIGNMENT 4.Q1</TITLE>
<BODY>ARNAV KUMAR
<BR>
<B>THIS IS BOLD TEXT</B><BR>
<I>THIS IS ITALICS TEXT</I><BR>
<U>THIS IS UNDERLINE TEXT</U><BR>
E COMMERCE PRACTICAL FILE
<P ALIGN="RIGHT">THIS IS RIGHT ALIGNED TEXT</P><BR>
<P ALIGN="CENTER">THIS IS CENTER ALIGNED TEXT</P>
</BODY>
</HEAD>
</HTML>

Q2. 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
<html>
<head>
<title>Assignment 4.Q2</title>
<body bgcolor="sky blue">
<h1>Text Color</h1>
<font color="red">Text color is attribute. It is used to change color of text</font><br>
<h1> Heading Tag</h1>
Heading tag is container tag & is used to denote headings, h1 being the biggest and h6 being
smallest. <br>
<h1>h1 heading tag</h1>
<h2>h2 heading tag</h2>
E COMMERCE PRACTICAL FILE
<h3>h3 heading tag</h3>
<h4>h4 heading tag</h4>
<h5>h5 heading tag</h5>
<h6>h6 heading tag</h6><br><br>
<h1>Horizontal Tag</h1><br>
Horizontal tag is used to make horizontal line. It is an empty tag.<hr><br>
<h1>Preformatted Tag</h1>
<pre> Preformatted tag is a container tag. It is used to print text as you want. Text in pre
element is displayed in a fixed width font, and it preserves both spaces and line
brakes</pre> <br>
<h1>Background Color</h1>
It is an attribute of body tag and used for changing background of web page<br>
<h1>Line Break Tag</h1><br>
Line break is empty tag. It is used for starting new line.
</body>
</head>
</html>

Q3. 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>
E COMMERCE PRACTICAL FILE
<head>

<title>Assignment 4.Q3</title>

<body>ARNAV KUMAR

<p>2 Agl+Na<sub>2</sub>S&rarr;

Ag<sub>2</sub>S+2 NaI</p>

<p>8CO+17 H<sub>2</sub>&rarr;

C<sub>8</sub>H<sub>18</sub>

+8H<sub>2</sub>O</p>

<p>10KC1O<sub>3</sub>

+3P<sub>4</sub>&rarr;3P<sub>4</sub>O<sub>10</

sub>+10KC1</p>

<p>SnO<sub>2</sub>+2H<sub>2</sub>&rarr;Sn

+2H<sub>2</sub>O</p>

<p>3KOH

+H<sub>3</sub>PO<sub>4</sub>&rarr;K<sub>3</s

ub>PO<sub>4</sub>+3H<sub>2</sub>0</p>

<p>2KNO<sub>3</sub>

+H<sub>2</sub>CO<sub>3</sub>&rarr;K<sub>2</s

ub>CO<sub>3</sub>+2HNO<sub>3</sub></p>

</body>

</head>
</html>
E COMMERCE PRACTICAL FILE

Q4. Q. 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>Assignment 4.Q4</title>
<body bgcolor="skyblue">
<h1 align="center"><b><u>CURRICULUM VITAE</u></b></h1><br><br>
<h2 align="center"><b><u>OBJECTIVE</u></b></h2>
<hr><br>
<h2 align="center"><b><u>EDUCATIONAL QUALIFICATION</u></b></h2><br>
<pre>
<u>Class</u> <u>Board</u> <u>Year</u> <u>College/school</u>
BBA GGSIPU Persuing IITM
XII CBSE 2019 Mount St. Mary's
X CBSE 2017 Mount St. Mary's
</pre>
E COMMERCE PRACTICAL FILE
<hr><br>
<h2 align="center"><b><u>STRENGTHS</u></b></h2><br><br>
<pre>1. Punctual
2. Quick Learner
</pre>
<hr><br>
<h2 align="center"><b><u>HOBBIES</u></b></h2>
<br><pre>
1. Reading 2. Lisenting music 3. Watching Anime
</pre>
<br><hr><br>
<h2 align="center"><b><u>PERSONAL DETAILS</b></u></h2>
<br><pre>
Full Name: ARNAV KUMAR
DOB: 25/08/2001
Language Know: Hindi, English
Email ID: [email protected]</pre><br><hr>
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE

Q5. Create a web page to display your family information with background and
other formatting.
<html>
<head>
<title>Assignment 4.Q5</title>
<body bgcolor="orange">
My name is Arnav Kumar.<br>
My family information is-<br><br>
<u>Father's Name-</u> Mr. Jatinder Kumar<br>
<u>Mother's Name-</u> Mrs. Sudesh Kumari
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE

ASSIGNMENT 5
Q1. Create a HTML webpage which displays the following list.
Apply following parts:
E COMMERCE PRACTICAL FILE
1. Put horizontal line after newspaper and magazine
2. Apply heading tag for newspaper and magazine
3. Apply a background color

<html>
<head>
<title>Assignment 5.Q1</title>
</head>
<body bgcolor="yellow">
<h1 align="center">Vegetables and Fruits</h1><hr>
<u><b>Vegetables</b></u>
<ul type="disc">
<li><font color="blue">Onion</font></li>
<li><font color="red">Tomato</font></li>
<li>Raddish</li>
<li><font color="green">Potato</font></li>
<li><font color="orange">Carrot</font></li>
</ul>
<u><b>Fruits</b></u>
<ul type="disc">
<li><font color="red">Apple</font></li>
<li><font color="green">Banana</font></li>
<li>Water Melon</li>
<li><font color="blue">Mango</font></li>
<li>Grapes</li>
</ul><br>
<h1 align="center">Newspaper and Magazines</h1><hr>
<u><b>Newspaper</b></u>
E COMMERCE PRACTICAL FILE
<ul type="circle">
<li><font color="blue">The Times Of India</font></li>
<li><font color="red">Hindustan Times</font></li>
<li>Navbharat Times</li>
<li><font color="green">Punjab Kesari</font></li>
<li><font color="orange">Dainik Jagran</font></li>
</ul>
<u><b>Magazines</b></u>
<ul type="circle">
<li><font color="red">Business Times</font></li>
<li><font color="green">The Week</font></li>
<li>India Today</li>
<li><font color="blue">Harvard Business Review</font></li>
<li>Computer World</li>
</ul>
</body>
</html>

Q2. Create a HTML which display the following output


E COMMERCE PRACTICAL FILE

<html>
<head>
<title>Assignment 5.Q2</title>
<body>ARNAV KUMAR
<h1><b>Mobile Operating System</b></h1><br>
<ul type="disc">
<li>Andriod</li>
<li>Blackberry</li>
<li>iPhone</li>
<li>Windows Phone</li></ul><br><br>
<h1><b>Mobile Manufacturers</b></h1><br>
<ul type="disc">

<li>Samsung</li>
<li>Htc</li>
<li>Micromax</li>
</ul>
<ul type="circle">
<li>Apple</li>
</ul>
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE

Q3. Design a web page to display the names of Beverages, Dishes & Desserts
using Unordered Lists.
<html>
<head>
<title>Assignment 5.Q3</title>
<h1><b>Beverages</b></h1><br>
<body>ARNAV KUMAR
<ul type="disc">
<li>Water</li>
<li>Coffee</li>
<li>Juices</li>
<li>Milk Shakes</li></ul><br><br>
<h1><b>Dishes</b></h1><br>
<ul type="disc">
<li>Pizza</li>
<li>Pasta</li>
<li>Burger</li>
<li>French Fries</li></ul><br><br>
<h1><b>Desserts</b></h1><br>
<ul type="circle">
<li>Ice Cream</li>
<li>Gulab Jamun</li>
E COMMERCE PRACTICAL FILE
<li>Gaajar Halwa</li>
<li>Brownie</li></ul><br><br>
</ul>
</body>
</head>
</html>

ASSIGNMENT 6
Q1. Create a nested list as follows:
E COMMERCE PRACTICAL FILE
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>Assignment 6.Q1</title>
<body>ARNAV KUMAR
<h1 align="center">Input Output Devices</h1>
<font color="blue">
<ol type="1">
<li><b><u>Input Devices</u></b></li>
<ol type="i">
<li>Keyboard</li>
<li>Mouse</li>
<li>Joystick</li>
<li>Scanner</li>
<ol type="a">
<li>Flat Bed Scanner</li>
<li>Hand Held Scanner</li>
</font></ol>
</ol>
<hr>
<font color="red">
<li><b><u>Output Devices</u></b></li>
<ol type="i">
<li>Monitor</li>
<ol type="a">
<li>LCD</li>
E COMMERCE PRACTICAL FILE
<li>CRT</li>
</ol>
<li>Printer</li>
<ol type="a">
<li>Impact Printer</li>
<li>Non Impact Printer</li>
</font></ol></ol>
</body>
</head>
</html>

Q2. 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>Assignment 6.Q2</title>
<body bgcolor="red">
<h1 align="center">Courses Offered By IITM</h1>
<hr>
<ol type="1">
E COMMERCE PRACTICAL FILE
<li><b><u>Undergraduate Courses</u></b></li>
<ol type="a">
<li>Bachelor Of Commerce With Honours- BCom(Hons.)</li>
<li>Bachelor Of Business Administration- BBA</li>
<li>Bachelors In Computer Application- BCA</li>
</ol>
<li><b><u>Postgraduate Courses</u></b></li>
<ol type="i">
<li>Master of Business Administration- MBA</li>
<ol type="I">
<li> MBA In Finance</li>
<li>MBA In Market</li>
<li>MBA In Human Resource</li>
<li>MBA In Information Technology</li>
</ol>
<li>Masters Of Computer Applications- MCA</li>
</ol></ol>
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE
E COMMERCE PRACTICAL FILE
ASSIGNMENT 7

Q1. Create a web page with the following output.

<html>
<head>
<title>ASSIGNMENT 7.Q1</title>
<body>ARNAV KUMAR
<h1>Definition List</h1>
<dl>
<dt>School</dt>
<dd>A place of study especially in a particular skill.<i>College or University</i></dd>
<dt>Teacher</dt>
<dd>A person who teaches or educate others.</dd>
<dt>Book</dt>
<dd>A published work of literature, science or reference or a work intended for
publications</dd>
</dl>
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE
Q2. Write a Code for Creating Definition List That Shows various input and output devices
With Description.
<html>
<head>
<title>Assignment 7.Q2</title>
<body>ARNAV KUMAR
<h1 align="center"><u>Input Output Devices</u></h1>
<h3><u>Input Devices</u></h3>
<dl>
<dt><b>Keyboard</b></dt>
<dd>Keyboard is the most common and very popular input device which helps to input to
the computer.</dd>
<dt><b>Mouse</b></dt>
<dd>Mouse is the most popular pointing device. It is very famous cursor control device
having a small palm size
box with a round ball at its base.</dd>
<dt><b>Joystick</b></dt>
<dd>Joystick is also a pointing device, which is used to move the cursor position on a
monitor screen</dd>
</dl>
<hr>
<h3><u>Output Devices</u></h3>
<dl>
<dt><b>Monitor</b></dt>
<dd>Monitors, commonly called as Visual Display Unit(VDU), are the main output device of
a computer. It
forms images from tiny dots, called pixels that are arranged in a rectangular form.</dd>
<dt><b>Printer</b></dt>
<dd>Printer is an output device, which is used to print information on paper.</dd>
</dl>
<hr>
E COMMERCE PRACTICAL FILE
</body>
</head>
</html>

Q3. Create a web page to show the ordered, unordered and definition list with respect to
college courses.
<html>
<head>
<title>Assignment 7.Q3</title>
<body bgcolor="cyan">
<h1 align="center"><i>Courses Of IITM</i></h1>
<hr>
<ol type="1">
<li><b><u>Undergraduate Courses</u></b></li>
<dl>
<dt><b>Bachelor Of Commerce With Honours- BCom(Hons.)</b></dt>
E COMMERCE PRACTICAL FILE
<dd>It is a three year bachelor degree which is offered by various colleges and universities in
India.</dd>
<dt><b>Bachelor Of Business Administration- BBA</b></dt>
<dd>The BBA course aims at developing a students intellectual ability, executive
personality,and managerial
skills</dd>
<dt><b>Bachelors In Computer Application- BCA</b></dt>
<dd>BCA is a three year undergraduate degree course generally for students who wish to
delve into the world of
computer<dd></dl>
<br>
<li><b><u>Postgraduate Courses</u></b></li>
<ol type="i">
<li>Master of Business Administration- MBA</li>
<ul type="disc">
<li> MBA In Finance</li>
<li>MBA In Market</li>
<li>MBA In Human Resource</li>
<li>MBA In Information Technology</li>
</ul>
<li>Masters Of Computer Applications- MCA</li>
</ol></ol>
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE
E COMMERCE PRACTICAL FILE
ASSIGNMENT 8
Q1. Design a web page to show the college information along with background image.
<html>
<head>
<title>Assignment 8.Q1</title>
<body>ARNAV KUMAR
<h1 align="center"><u><font color="blue"><a
href="http://www.iitmjanakpuri.com/">IITM</a></u></h1>
Institute of Information Technology & Management is a private college affiliated with Guru
Gobind Singh
Indraprastha University and located in Janakpuri, Delhi. IITM is recognised as non-
government unaided
institute under section 2 by UGC
<img src="C:\Users\91844\Desktop\campus.jpg" height="1500px" >
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE

Q2. 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>Assignment 8.Q2</title>
<body>ARNAV KUMAR
<br>
<b>Image with alignment(align="bottom"):</b><br><br>
This is some text.<img src="C:\Users\91844\Desktop\nature-3082832__340.webp"
align="bottom" height="25px" width="25px">This is some text.<br><br>
<b>Image with alignment(align="middle"):</b><br><br>
This is some text.<img src="C:\Users\91844\Desktop\tree-736885__340.webp"
align="middle" height="25px" width="25px">This is some text.<br><br>
<b>Image with alignment(align="right"):</b><br><br>
This is some text.<img src="C:\Users\91844\Desktop\photo-1511447333015-
45b65e60f6d5.jpg" align="right" height="25px" width="25px">This is some text.<br><br>
<b>Image with alignment(align="left"):</b><br><br>
This is some text.<img src="C:\Users\91844\Desktop\flat,750x,075,f-
pad,750x1000,f8f8f8.jpg" align="left" height="25px" width="25px">This is some
text.<br><br>
</body>
E COMMERCE PRACTICAL FILE
</head>
</html>
E COMMERCE PRACTICAL FILE
ASSIGNMENT 9
Q1. Design a webpage to show your name as marquee in the CV document.
<html>
<head>
<title>Assignment 9.Q1</title>
<body>
<h1 style="color:blue"><b>Resume</b></h1><br><br>
<marquee width="50%">Arnav Kumar</marquee>
<hr>
<h2 align="center"><b><u>EDUCATIONAL QUALIFICATION</u></b></h2><br>
<pre>
<u>Class</u> <u>Board</u> <u>Year</u> <u>College/school</u>
BBA GGSIPU Persuing IITM
XII CBSE 2019 Mount St. Mary's
X CBSE 2017 Mount St. Mary's
</pre>
<hr><br>
<h2 align="center"><b><u>STRENGTHS</u></b></h2><br><br>
<pre>1. Punctual
2. Quick Learner
</pre>
<hr><br>
<h2 align="center"><b><u>HOBBIES</u></b></h2>
<br><pre>
1. Movies 2. Lisenting music 3. Watching series
</pre>
<br><hr><br>
<h2 align="center"><b><u>PERSONAL DETAILS</b></u></h2>
<br><pre>
Full Name: Arnav Kumar
E COMMERCE PRACTICAL FILE
DOB: 25/08/2001
Language Know: Hindi, English
Email ID: [email protected]</pre><br><hr>
</body>
</head>
</html>

Q2. Design a web page having various image directions as marquee.


<html>
<head>
<title>Assignment 9.Q2</title>
<body>ARNAV KUMAR
<marquee>
<img src="C:\Users\91844\Desktop\campus.jpg" alt="html" width="50px"
E COMMERCE PRACTICAL FILE
height="50px">
</marquee>
<marquee direction="up">
<img src="C:\Users\91844\Desktop\photo-1511447333015-45b65e60f6d5.jpg" alt="html"
width="50px" height="50px">
</marquee>
<marquee direction="right">
<img src="C:\Users\91844\Desktop\tree-736885__340 (1).jpg" alt="html" width="50px"
height="50px">
</marquee>
<marquee direction="down">
<img src="C:\Users\91844\Desktop\download.png" alt="html" width="50px"
height="50px">
</marquee>
</body>
</head>
</html>

Q3. Design a web page to compare the speed of different text in the marquee tag.
<html>
E COMMERCE PRACTICAL FILE
<head>
<title>Assignment 9.Q3</title>
<body>ARNAV KUMAR
<h1 align="center"><u>Speed Of Marquee Text</u></h1>
<marquee>This is default speed of marquee text</marquee>
<marquee scrollamount="2">This is slow speed of marquee text</marquee>
<marquee scrollamount="4">This is little fast speed of marquee text</marquee>
<marquee scrollamount="9">This is too fast speed of marquee text</marquee>
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE

ASSIGNMENT 10
Q1. Design a web page to display your college with hyperlink
<html>

<head>

<title>Assignment 10.Q1</title>

<body>

<a href="http://www.iitmjanakpuri.com/">Visit Our College Site IITM</a>

</body>

</head>

</html>

Q2. Design a web page to Display the Syllabus of BBA, Clicking on Each Subject Should
Open Its Description in A New Document.
<html>
<head>
E COMMERCE PRACTICAL FILE
<title>ASSIGNMENT10.Q2</title>
<body> ARNAV KUMAR
<BR>
<BR>
<h1 align ="center">IINTM</h1>
<h1 align ="center">Institute of Innovation In Technology & Management</h2>
<hr>
<h1 align ="center">COURSES AVAILABLE</h1>
<hr>
<ul>
<li><a href="http://iitmjp.ac.in/index.php/bba/"><h2>BBA</H2></a>
<li><a href="http://iitmjp.ac.in/index.php/bca/"><h2>BCA</H2></a>
<li><a href="http://iitmjp.ac.in/index.php/bcom-h/"><h2>B.Com</H2></a>
</ul>
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE

<html>

Q3.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.

<head>
<title> ASSIGNMENT 10.Q3 </title>
<body> ARNAV KUMAR
<h2 align="center"> INPUT OUTPUT DEVICE </h2>
<h2> INPUT DEVICES </h2>
<ol type="1">
<li>
<a href="mouse.html" title="MOUSE" target="blank"> <img
src="C:\Users\91844\Desktop\61Gz0IdwNIL._SY450_.jpg"
height="100" width="100"> </a>
</li>
<li>
<a href="joystick.html" title="joystick" target="blank"> <img
src="C:\Users\91844\Desktop\download.jfif"
height="100" width="100"> </a>
E COMMERCE PRACTICAL FILE
</li>
</ol>
<h2> OUTPUT DEVICE</h2>
<ol type="1">
<li>
<a href="SCREEN.html" title="SCREEN" target="blank"> <img
src="C:\Users\91844\Desktop\download (1).jfif"
height="100" width="100"> </a>
</li>
<li>
<a href="PRINTER.html" title="PRINTER" target="blank"> <img
src="C:\Users\91844\Desktop\images.jfif"
height="100" width="100"> </a>
</li>
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE

ASSIGNMENT 11
Q1. Create a static web page which defines all text formatting tags of HTML in
tabular format.
<html>
<head>
<title> ASSIGNMENT 11.Q1 </title>
<body> ARNAV KUMAR
<br>
<br>
<table rules="all" border="5" align="center">
<tr>
<th> TAG</th>
<th> DESCRIPTION</th>
</tr>
<tr>
<td> &lt;B&gt;</td>
<td> DEFINES BOLD TEXT </td>
</tr>
<tr>
<td>&lt;em&gt;</td>
<td> DEFINES EMPHASIZED TEXT </td>
</tr>
<tr>
<td>&lt;i&gt;</td>
<td> DEFINES ITALICSTEXT </td>
E COMMERCE PRACTICAL FILE
</tr>
<tr>
<td>&lt;small&gt;</td>
<td> DEFINES SMALLER TEXT </td>
</TR>
<tr>
<td>&lt;strong&gt;</td>
<td> DEFINES IMPORTANT TEXT </td>
</tr>
<tr>
<td>&lt;SUB&gt;</td>
<td> DEFINES SUBSCRIPTED TEXT </td>
</tr>
</table>
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE

Q2. Design a table as follows:

<html>
<head>
<title> ASSIGNMENT 11.Q2</title>
</head>
<body> ABHISHEK CHHANPAHARIA
<br>
<br>
<p align="center"><table border="all" cellspacing="10" cellpadding="10"></p>
<tr>
<th> ROLL NO</th>
<th> NAME </th>
E COMMERCE PRACTICAL FILE
<th> COURSE</th>
<th> MARKS</th>
</tr>
<tr>
<td>1</td>
<td> ARNAV</td>
<td> BBA</td>
<td> 84</td>
</tr>
<tr>
<td>2</td>
<td> RAHUL</td>
<td> BCA</td>
<td> 55</td>
</tr>
<tr>
<td>3</td>
<td> KARTIK</td>
<td> B COM</td>
<td> 52</td>
</tr>
<tr>
<td>4</td>
<td> AKSHAY</td>
<td> BBA</td>
<td> 72</td>
E COMMERCE PRACTICAL FILE
</tr>
<tr>
<td>5</td>
<td>ISHAAN</td>
<td> BCA</td>
<td> 92</td>
</tr>
</table>
</body>
</html>

Q3. Create A Table Using Cellpadding, Cellspacing, Colspan And Rowspan


Which Shows The Prices Of Various Cars Of Different Brands.
<html>
<head>
<title> ASSIGNMENT 11.Q3</title>
<body> ARNAV KUMAR
E COMMERCE PRACTICAL FILE
<br>
<br>
<P ALIGN="CENTER"><table border="1" cellpadding="16"></P>
<tr>
<td colspan="3" align="center"> CARS WITH PRICE RANGE</td>
</tr>
<tr>
<td> BRAND</td>
<td> CAR NAME</td>
<td> PRICE</td>
</tr>
<tr>
<td rowspan="2"> HYUNDAI</td>
<td> CREATA </td>
<td> 9.29 LAKHS ONWARDS</td>
</tr>
<tr>
<td> VERNA </td>
<td> 7.89 LAKHS ONWARD </td>
</tr>
<tr>
<td rowspan="3"> SUZUKI</td>
<td> SWIFT </td>
<td> 4.91 LAKHS ONWARD </td>
</tr>
<TR>
E COMMERCE PRACTICAL FILE
<td> BALENO </td>
<td> 5.47 LAKHS ONWARD </td>
</TR>
<tr>
<td> CIAZ </td>
<td> 8.04LAKHS ONWARD </td>
</TR>
</table>
</body>
</head>
</html>

Q4. Design a table as follows:

<html>

<head>
E COMMERCE PRACTICAL FILE
<title> ASSIGNMENT 11.Q4 </title>

<body> ARNAV KUMAR

<br>

<br>

<br>

<br>

<table rules="all" border="2" align="center" cellspacing="10" cellpadding="10">

<tr>

<td colspan="6" align="center"> IP UNIVERSITIES COURSES</td>

</tr>

<tr>

<td colspan="3" align="center"> GRADUATE</td>

<td colspan="3" align="center"> POST GRADUATE </td>

</tr>

<tr>

<td> BBA </td>

<td>BCA</td>

<td>B. TECH</td>

<td>MBA</td>

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

</table>
E COMMERCE PRACTICAL FILE
</body>

</head>

</html>

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

<html>
<head>
<title> ASSIGNMENT 11.Q5</title>
<body> ARNAV KUMAR
<BR>
<BR>
<BR>
<table border="2" ALIGN="CENTER">
<tr>
<th rowspan="2">S.No</th>
<th rowspan="2" width="400">Dept. Names</th>
<th colspan="2" width="200">Courses</th>
</tr>
<tr>
E COMMERCE PRACTICAL FILE
<th>UG</th>
<th>PG</th>
</tr>
<tr>
<td>1</td>
<td><a href="https://en.wikipedia.org/wiki/computer_science">Computer
Science</a></td>
<td>yes</td>
<td>yes</td>
</tr>
<tr>
<td>2</td>
<td><a href="https://en.wikipedia.org/wiki/Mathematics">Maths</a></td>
<td>yes</td>
<td>yes</td>
</tr>
<tr>
<td>3</td>
<td><a href="https://en.wikipedia.org/wiki/Chemistry">Chemistry</a></td>
<td>no</td>
<td>yes</td>
</tr>
<tr>
<td>4</td>
<td><a href="https://en.wikipedia.org/wiki/Commerce">Commerce</a></td>
<td>yes</td>
<td>yes</td>
</tr>
</body>
</head>
E COMMERCE PRACTICAL FILE
</html>

Q1. Design a HTML web page of your favourite movie. Give an attractive background colour and
image.
<html>
<head>
<title>ASSIGNMENT 12.Q1</title>
<body bgcolor="Black">
<center><h1 style="color:#ff5733;">My Favourite Movie is Into the wild</h1></center>
<img src="C:\Users\91844\Desktop\download (3).jfif" height="600" width=100%>
</body>
</head>
</html>

ASSIGNMENT 12
E COMMERCE PRACTICAL FILE

ASSIGNMENT 13
Q1. Design a student registration form.
<html>
<head>
<title> ASSIGNMENT 13.Q1</title>
<body> ARNAV KUMAR
<BR>
<BR>
<form action="action_page.php">
<h1>Register</h1>
<p>Please fill in this form to create an account.</p>
<hr>

<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required>
<br>
<br>

<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw"
required>
<br>
<br>

<label for="psw-repeat"><b>Repeat Password</b></label>


E COMMERCE PRACTICAL FILE
<input type="password" placeholder="Repeat Password" name="psw-
repeat" required>
<br>
<br>
<b> Date of Birth:</b>
<input type="date" id="visit" name="visit">

<br><br><b>Contact Number: </b>


<input type="number" name="contact" max="10">

<hr>

<b>QUALIFICATION</b> </br></br>

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

<tr>
<td>1</td>
E COMMERCE PRACTICAL FILE
<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>
<td>4</td>
<td>Masters</td>
E COMMERCE PRACTICAL FILE
<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>

</table>

</td>
</tr>

<p>By creating an account you agree to our <a


href="https://www.w3schools.com/tags/att_a_href.asp">Terms &
Privacy</a>.</p>
<button type="submit">Register</button>
</div>

<div class="container signin">


<p>Already have an account? <a
href="https://www.w3schools.com/tags/att_a_href.asp">Sign in</a>.</p>
</form>
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE

Q2. Design a login page using form tag.


<html>
<head>
<title> ASSIGNMENT 13.Q2</title>
<body> ARNAV KUMAR
<BR>
<BR>
<form action="action_page.php">

<b>Username</b>
<input type="text" placeholder="Enter Username" name="uname"
required><br><br>

<b>Password</b>
E COMMERCE PRACTICAL FILE
<input type="password" placeholder="Enter Password" name="psw"
required><br><br>

<button type="submit">Login</button><br><br>

<br> <input type="checkbox" checked="checked" name="remember">


Remember me

<button type="button" >Cancel</button>

<br> <br>Forgot <a href="https://www.w3schools.com/">password?</a>

</form>
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE
Q3. Design a form as shown below.

<html>
<head>
<title> ASSIGNMENT 13.Q3 </TITLE>
<body> ARNAV KUMAR
<BR>
<BR>
<h1>The fieldset element</h1>

<form action="/action_page.php">

<fieldset>

<legend>Basic Information:</legend>
<label for="fname">Full name:</label>
<input type="text" id="fname" name="fname"><br><br>

Gender
<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>

<label for="birthday">Birthday:</label>
E COMMERCE PRACTICAL FILE
<input type="date" id="birthday" name="birthday"><br><br>

<label for="contact">Contact number:</label>


<input type="number" id="contact" name="contact" max="5"><br><br>

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

</fieldset>

<fieldset>
<legend>Extra Information:</legend>
<input type="checkbox" id="vehicle1" name="vehicle1" value="books">
<label for="c1"> Books</label>
<input type="checkbox" id="vehicle2" name="vehicle2" value="movies">
<label for="c2"> Movies</label>
<input type="checkbox" id="vehicle3" name="vehicle3" value="video games">
<label for="c3">Video games</label>
<br>
<br>
<label for="favcolor">Select your favorite color:</label>
<input type="color" id="favcolor" name="favcolor" value="#ff0000">
</fieldset>
<input type="submit" value="Send data">
<input type="reset" value="Reset Form">
</form>
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE
E COMMERCE PRACTICAL FILE
ASSIGNMENT 14
Q1.Design a website with the name as HTML tutorial with following specification
Make following hyperlinks (i.e. 5 different web pages)
 Formatting styles & headings: include bold, italics, underline, strike, subscript,
superscript and all six type of headings.
 Font styles and images: Font tag and Image tag
 Anchor tag: internal linking and external linking
 Marquee: move text, image and hyperlink
 Other tags: br, hr, pre and p.

<html>
<head>
<title> ASSIGNMENT 14.Q1 </title>
<b><body background="C:\Users\91844\Desktop\download (2).jfif" link="blue"> ARNAV
KUMAR
<BR>
<BR>
<h1><marquee><i> HTML tutorial </marquee></i></h1>
<h2> Click the links given below to know about some interesting HTML tags.</h2>
<hr><hr>
<ul>
<li><a STYLE="background-color: yellow" href="1.HTML">Formatting styles and
Headings </a><br><br>
<li><a STYLE="background-color: yellow" href="2.html">Font styles and Images
</a><br><br>
<li><a STYLE="background-color: yellow" href="3.html">Anchor</a><br><br>
<li><a STYLE="background-color: yellow" href="4.html">Marquee</a><br><br>
<li><a STYLE="background-color: yellow" href="5.html">Other tags </a><br><br>
</b.>
<hr
</body>
</head>
</html>
E COMMERCE PRACTICAL FILE

You might also like