GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY E-COMMERCE PRACTICAL FILE

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>
</body>
</head>
</html>
 Q2. Design a web page according to the format given below using
heading tag with your name displayed on top.
<html>
<head>
<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>
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>
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>

Name:ARNAV KUMAR<br>
Age: 18 yrs.<br>

hobbies: playing sports<br>

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>
<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>
<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>
<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>
<head>
<body>ARNAV KUMAR
<p>2 Agl+Na<sub>2</sub>S→
Ag<sub>2</sub>S+2 NaI</p>
<p>8CO+17 H<sub>2</sub>→
C<sub>8</sub>H<sub>18</sub>
+8H<sub>2</sub>O</p>
<p>10KC1O<sub>3</sub>
+3P<sub>4</sub>→3P<sub>4</sub>O<sub>10</
sub>+10KC1</p>
<p>SnO<sub>2</sub>+2H<sub>2</sub>→Sn
+2H<sub>2</sub>O</p>
<p>3KOH
+H<sub>3</sub>PO<sub>4</sub>→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>→K<sub>2</s
ub>CO<sub>3</sub>+2HNO<sub>3</sub></p>
</body>
</head>
</html>
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>
<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>
<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: arnavkumar165@gmail.com</pre><br><hr>
</body>
</head>
</html>
Q5. Create a web page to display your family information with background and
other formatting.
<html>
<head>
<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>
ASSIGNMENT 5
Q1. 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 color
<html>
<head>
</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>
<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

<html>
<head>
<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>
Q3. Design a web page to display the names of Beverages, Dishes & Desserts
using Unordered Lists.
<html>
<head>
<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>
<li>Gaajar Halwa</li>
<li>Brownie</li></ul><br><br>
</ul>
</body>
</head>
</html>
ASSIGNMENT 6
Q1. 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>
<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>
<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>
<body bgcolor="red">
<h1 align="center">Courses Offered By IITM</h1>
<hr>
<ol type="1">
<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>
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>
Q2. Write a Code for Creating Definition List That Shows various input and output devices
With Description.
<html>
<head>
<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>
</body>
</head>
</html>
Q3. Create a web page to show the ordered, unordered and definition list with respect to
college courses.
<html>
<head>
<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>
<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>
ASSIGNMENT 8
Q1. Design a web page to show the college information along with background image.
<html>
<head>
<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>
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>
<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>
</head>
</html>
ASSIGNMENT 9
Q1. Design a webpage to show your name as marquee in the CV document.
<html>
<head>
<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
DOB: 25/08/2001
Language Know: Hindi, English
Email ID: arnavkumar165@gmail.com</pre><br><hr>
</body>
</head>
</html>
Q2. Design a web page having various image directions as marquee.

<html>
<head>
<body>ARNAV KUMAR
<marquee>
<img src="C:\Users\91844\Desktop\campus.jpg" alt="html" width="50px"
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>
<head>
<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>
ASSIGNMENT 10
Q1. Design a web page to display your college with hyperlink
<html>
<head>
<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>
<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>
<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"
</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"
</li>
<li>
<a href="PRINTER.html" title="PRINTER" target="blank"> <img
src="C:\Users\91844\Desktop\images.jfif"
</li>
</body>
</head>
</html>
ASSIGNMENT 11
Q1. Create a static web page which defines all text formatting tags of HTML in
tabular format.
<html>
<head>
<body> ARNAV KUMAR
<br>
<br>
<table rules="all" border="5" align="center">
<tr>
<th> TAG</th>
<th> DESCRIPTION</th>
</tr>
<tr>
<td> <B></td>
<td> DEFINES BOLD TEXT </td>
</tr>
<tr>
<td><em></td>
<td> DEFINES EMPHASIZED TEXT </td>
</tr>
<tr>
<td><i></td>
<td> DEFINES ITALICSTEXT </td>
</tr>
<tr>
<td><small></td>
<td> DEFINES SMALLER TEXT </td>
</TR>
<tr>
<td><strong></td>
<td> DEFINES IMPORTANT TEXT </td>
</tr>
<tr>
<td><SUB></td>
<td> DEFINES SUBSCRIPTED TEXT </td>
</tr>
</table>
</body>
</head>
</html>
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>
<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>
</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>
<body> ARNAV KUMAR
<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>
</tr>
<TR>
<td> BALENO </td>
</TR>
<tr>
<td> CIAZ </td>
<td> 8.04LAKHS ONWARD </td>
</TR>
</table>
</body>
</head>
</html>
Q4. Design a table as follows:
<html>
<head>
<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>
</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>
<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>
<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>
</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
ASSIGNMENT 13
Q1. Design a student registration form.
<html>
<head>
<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>

<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>
<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>
<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>
Q2. Design a login page using form tag.

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

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY E-COMMERCE PRACTICAL FILE

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY E-COMMERCE PRACTICAL FILE

Uploaded by

Copyright:

Available Formats

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITYa

INSTITUTE OF INNOVATION IN TECHNOLOGY & MANAGEMENT

Submitted To: Submitted By:

<title> Assignment 2</title>

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

Q3. Write the following chemical equations using Html Tags:

 2 AgI + Na2S → Ag2S + 2 NaI

Q2. Create a HTML which display the following output

Q1. Create a web page with the following output.

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

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

Q2. Design a table as follows:

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

Q4. Design a table as follows:

<body> ARNAV KUMAR

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

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

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

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

<td> BBA </td>

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

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

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

<div class="container signin">

Q2. Design a login page using form tag.

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

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

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

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

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

You might also like