Scribd
Upload
161 views12 pages

Assignment 10-13 PDF

The document contains assignments for designing various web pages using HTML tags like forms, tables, frames etc. Assignment 10 asks to design a web page to display the student's college with hyperlinks, and another page to display available courses with hyperlinks to their descriptions. Assignment 11 involves creating tables - to define HTML formatting tags, display student data, and show car prices. Assignment 12 is about designing movie web pages using frames - for a favorite movie, displaying items with hyperlinks to images, and a menu with explanations. Assignment 13 covers designing student/login registration forms, and a basic information form with various input fields.

Uploaded by

Parth Malhotra
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
161 views12 pages

Assignment 10-13 PDF

The document contains assignments for designing various web pages using HTML tags like forms, tables, frames etc. Assignment 10 asks to design a web page to display the student's college with hyperlinks, and another page to display available courses with hyperlinks to their descriptions. Assignment 11 involves creating tables - to define HTML formatting tags, display student data, and show car prices. Assignment 12 is about designing movie web pages using frames - for a favorite movie, displaying items with hyperlinks to images, and a menu with explanations. Assignment 13 covers designing student/login registration forms, and a basic information form with various input fields.

Uploaded by

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

ASSIGNMENT 10

Q 10. a) Design a web page to display your college with hyperlink.

<html>
<head>
<title> Rithik assignment 10a</title>
</head>
<body>
<h1 align ="center">IINTM</h1>
<h2 align ="center">Institute of Innovation In Technology & Management</h2>
<hr>
<ul>
<li><a href="​http://iitmjp.ac.in/​"><h3>HOME</H3></a>
<hr>
<li><a href="​http://iitmjp.ac.in/#​"<h3>ABOUT</H3></a>
</ul>
<hr>
</body>
</html>
b). Design a web page to display the courses available, clicking on each courses should open its
description in a new document.

<html>
<head>
<title> Rithik Assignment 10b</title>
</head>
<body>
<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>
<hr>
<li><a href="http://iitmjp.ac.in/index.php/bca/"><h2>BCA</H2></a>
<hr>
<li><a href="http://iitmjp.ac.in/index.php/bcom-h/"><h2>B.Com-H</H2></a>
<hr>
</ul>
</body>
</html>
c). 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>

<head>

<title>Rithik Assignment 10c </title>

</head>

<body>

<CENTER><H1>INPUT & OUTPUT DEVICES</H1></CENTER>

<a href=
"https://www.google.co.in/search?q=input+devices&source=lnms&tbm=isch&sa=X&ved=0ahU
KEwibmN-mmbbZAhUGUZQKHSKpCd0Q_AUICigB&biw=1366&bih=637#imgrc=ybYH2V
WIZHX-kM:">

<imgsrc="mouse.jpg" style= width="30%" height="30%">

<H1>INPUT DEVICES</H1></A>

<a
href="https://www.google.co.in/search?biw=1366&bih=637&tbm=isch&sa=1&ei=K_mMWqG8
IoKW0gTd-rXABg&q=output+devices&oq=output+devices&gs_l=psy-ab.3..0i67k1j0j0i67k1l7j
0.445978.449414.0.449876.11.9.0.0.0.0.296.1353.2-6.6.0....0...1c.1.64.psy-ab..5.6.1349...0i13k1j
0i7i30k1.0.lIdKYQb2IKY">

<imgsrc="monitor.jpg">

<H1>OUTPUT DEVICES</H1></A>

</body>

</html>

ASSIGNMENT 11
Q 11. a)Create a static web page which defines all text formatting tags of HTML in tabular
format.

<html>
<head>
<title> Rithik assignment 11a </title>
</head>
<body>
<center><h1>HTML FORMATTING TAGS</h1>

<table border="5" cellspacing="10" cellpadding="10">


<tr>
<th>HTML TAGS</th>
<th>DESCRIPTION</th>
</tr>
<tr>
<td>B</td>
<td> it is used to bold the text</td>
</tr>
<tr>
<td>EM</td>
<td>it is used to emphasize the text</td>
</tr>
<tr>
<td>U</td>
<td>it is used to underline the text</td>
</tr>
<tr>
<td>I</td>
<td>it is used for italic font</td>
</tr>
<tr>
<td>H1-H6</td>
<td>it is used for different size of headings</td>
</tr></center>
</body>
</html>
b) Design a table as follows :

<html>
<head>
<title>Rithik assignment 11b</title>
</head>
<body>
<left><h1>mark sheet</h1>
<table border="5" cellspacing="10" cellpadding="10" colspan="10">
<tr>
<th>Roll No</th>
<th>Name</th>
<th>Course</th>
<th>Marks</th>
</tr>
<tr>
<td>1</td>
<td>Amit</td>
<td>BBA</td>
<td>82</td>
</tr>
<tr>
<td>2</td>
<td>Anuj</td>
<td>BCA</td>
<td>52</td>
</tr>
<tr>
<td>3</td>
<td>Rishabh</td>
<td>B Com</td>
<td>89</td>
</tr>
<tr>
<td>4</td>
<td>Sourav</td>
<td>BBA</td>
<td>60</td>
</tr>
<tr>
<td>5</td>
<td>Manjot</td>
<td>B Com</td>
<td>62</td>
</tr></center>
</body>
</html>
c) Create a table using cellpadding, cellspacing, colspan and rowspan. Which shows the
prices of various cars of different brands.

<html>

<title>Rithik assignment 11c </title>

<body>

<font face="calibri">

<center><caption>PRICE LIST</caption>

<table border=5 bordercolor=663300 width=75% height=120 cellspacing=12 cellapadding=12


bgcolor="sky blue">

<tr align=center>

<thcolspan=2>Car name

<th>Car Prices

<tr align=center bgcolor=FF66CC>

<td rowspan=2>Audi

<td>A6

<td>RS 50,00,000

<tr align=center bgcolor=FF66CC>

<td>A8

<td>RS 60,00,000

<tr align=center bgcolor=FF66CC>

<td rowspan=2>BMW

<td>X1

<td>RS 40,00,000

<tr align=center bgcolor=FF66CC>


<td>X3

<td>RS 30,00,000

</table></center>

</body>

</html>

b) Design a table as follows:

<html>

<head>

<title>Rithik assignment 11d </title>

</head>

<body>

<h1>Marks</h1>

<table border="5">

<tr>

<throwspan="2">Roll No</th>

<throwspan="2">Name</th>

<throwspan="2">Course</th>

<thcolspan="3">Marks</th>

</tr>

<tr>

<th>Internal</th>

<th>External</th>

<th>Total</th>

</tr>
<tr>

<td>142</td>

<td>abc</td>

<td>bba</td>

<td>20</td>

<td>60</td>

<td>80</td>

</tr>

<tr>

<td>654</td>

<td>xyz</td>

<td>bca</td>

<td>15</td>

<td>65</td>

<td>80</td>

</body>

</html>

b) Design a webpage to display the following table with hyperlinks on department name for
every information inside the table.

<html>

<head>

<title>Rithik assignment 11e </title>

</head>

<body>

<table border="2">
<tr><throwspan="2">S.No</th>

<throwspan="2" width="400">Dept. Names</th>

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

</html>

ASSIGNMENT 12

Q 12. 
a) Design a HTML webpage of your favourite movie. Give an 
attractive background color and image. 
 
<html> 
<head> 
<title> 
Rithik Assignment 12a </title> 
</head> 
<frameset cols="20%,*,10%"> 
<frame src="abcdefg.jpg"> 
<frame 
src="https://en.wikipedia.org/wiki/The_Conjuring_(film_series)"
> 
</frameset> 
</html​>
b) Design a frame as follows :
Mobile phone, shoes, pendrive and shirts will be hyperlink if user click any item in its picture
will be displayed in frame 2 and frame 3.

<html>
<head>
<title>
Rithik Assignment 12bbb </title>
</head>
<frameset cols="30%,*,20%">
<frame src="12b1.html">
<frameset rows="30%,*,20%">
<frame src="mobile1.html">
<frame src="mobile.jpg">
</frameset>
</html>

c) Design a frame as follow:

<html>
<head>
<title>
Rithik Assignment 12c </title>
</head>
<frameset cols="30%,*,20%">
<frame src="menu list.html">
<frameset rows="30%,*,20%">
<frame src="explanation.html">
<frame src="example.html">
</frameset>
</html>

ASSIGNMENT 13
a) Design a student registration form

<html>
<head>
<title>
Rithik Assignment </title>
</head>
<body bgcolor="pink">
<marquee><font color="red"><i> STUDENT REGISTRATION FORM
</i></font></marquee><br><br>
<center>
<form>
FIRST NAME <input type="text" name="first name"><br><br>
LAST NAME <input type="text" name="Last name"><br><br>
CONTACT No. <input type="number" name="number"><br><br>
<br>
GENDER:<br>
<input type="radio" name="gender" value="male" > Male<br><br>
<input type="radio" name="gender" value="female"> Female<br><br>
<input type="radio" name="gender" value="other">Other <br><br>
COURSE:<br><br>
<input type="radio" name="course" value="BBA" > BBA<br><br>
<input type="radio" name="course" value="BCA"> BCA<br><br>
<input type="radio" name="course" value="B COM">B.COM <br><br>
SELECT ANY (two) subjects:<br><br>
<input type="checkbox" name="subject" value="E.COM" > E-commerce<br><br>
<input type="checkbox" name="subject" value="CA"> Cost Accounting<br><br>
<input type="checkbox" name="subject" value="B-COMM"> Business
Communication<br><br>
</form>
<input type="submit" value="Submit">
</center>
</form>
</html>
b) Design a login page using form tag.

<html>
<head>
<title>
Rithik Assignment 13b </title>
</head>
<body bgcolor="pink">
<form>
<div class="imgcontainer">
<imgsrc="download.png" height="5%",width="5%" style-width="20%",height="20%" alt="FB"
class="FACEBOOK">
</div>

<div class="container">
<label for="uname"><b>Username</b></label>
<input type="text" placeholder="Enter Username" name="uname" required><br><br>

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

<button type="submit">Login</button><br><br><br>
</form>
</body>
</html>

c) Design a form

<html>
<head>
<title>
Rithik Assignment 13c </title>
</head>
<body bgcolor="sky blue">
<B><font color="red"> BASIC INFORMATION </B></font><br><br>
<form>
FULL NAME <input type="text" name="full name"><br><br>
<br>
BIRTH DATE <input type="NUMBER" name="BIRTHDATE"><br><br>
GENDER:
<input type="radio" name="gender" value="male" > Male
<input type="radio" name="gender" value="female"> Female
<BR><BR>
ADDRESS <input type="text" name="ADDRESS"><br><br>
PHONE No. <input type="number" name="number"><br><br>
<br><br>
<B><font color="red"> EXTRA INFORMATION </B></font><br><br>
INTERESTS:<br><br>
<input type="checkbox" name="subject" value="BOOKS" > BOOKS
<input type="checkbox" name="subject" value="MOVIES"> MOVIES
<input type="checkbox" name="subject" value="MUSIC"> MUSIC
<br><br>
FAVOURITE COLOR <input type="text" name="favourite color"><br><br>
</form>
<input type="Submit" value="Send data">
<input type="submit" value="Reset form">
</form>
</html>

You might also like