You are on page 1of 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