You are on page 1of 40

cPage

Æ  
" 
 


"


MODULE 2
[HTML]
LAB ASSIGNMENT
NAME Tara prasad nahak
COURCE P.G.D.C.A
BATCH NO 2
DATE 16-2-2011
GRADE

SUBMITTED TO ʹ Prem sir FACULITY SIGNATURE

ET&T
aPage

<html>

<head>

<title>programme-13</title>

</head>

<body bgcolor="green" text="black" alink="red" vlink="white" link="blue">

<FONT FACE="IMPECT">

<h1 align="center">CHAPTER LINK OF WEB PAGE</h1>

</FONT>

<hr>

<a name="top">SHOW TOP</a>

<hr>

<a href="#ch-1"><b>go to chapter-1</b></a><br>

<a href="#ch-2"><b>go to chapter-2</b></a><br>

<hr><br>

<a name="ch-1">chapter-1</a><br>

<a href="#top">go to top</a><br>

<hr>

<FONT COLOR="YELLOW">

<pre><BIG>

HTML is a web based structural programinglanguage.

It is developed by 'Tim Barnes lee' in the year of 1991.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.


HTML is a web based structural programinglanguage.

It is developed by 'Tim Barnes lee' in the year of 1991.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.


ÑPage

HTML is a web based structural programinglanguage.

It is developed by 'Tim Barnes lee' in the year of 1991.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

It is developed by 'Tim Barnes lee' in the year of 1991.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

It is developed by 'Tim Barnes lee' in the year of 1991.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

It is developed by 'Tim Barnes lee' in the year of 1991.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

</pre></BIG>

</FONT>

<hr>

<a name="ch-2">chapter-2</a><br>

<a href="#top">go to top</a><hr>

<FONT COLOR="#DD11DD">

<pre><BIG>

HTML is a web based structural programinglanguage.

It is developed by 'Tim Barnes lee' in the year of 1991.

HTML is a web based structural programinglanguage.


*Page

HTML is a web based structural programinglanguage.


HTML is a web based structural programinglanguage.

It is developed by 'Tim Barnes lee' in the year of 1991.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

It is developed by 'Tim Barnes lee' in the year of 1991.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

It is developed by 'Tim Barnes lee' in the year of 1991.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

It is developed by 'Tim Barnes lee' in the year of 1991.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

It is developed by 'Tim Barnes lee' in the year of 1991.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

It is developed by 'Tim Barnes lee' in the year of 1991.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

HTML is a web based structural programinglanguage.

It is developed by 'Tim Barnes lee' in the year of 1991.

HTML is a web based structural programinglanguage.


APage

HTML is a web based structural programinglanguage.

</BIG></pre>

</FONT>

</body>

</html>
Page
XPage
oPage
Page
c  P a g e

2 Write web application email id registration form ?

<html>

<head>

<title>Q2</title>

</head>

<body bgcolor="yellow" text="black">

<form>

<table bgcolor="red" align="center">

<tr>

<td colspan="2" bgcolor="yellow" align="center"><b><font color=black size=5>Register For


FREE SMS</b></td>
cc  P a g e

</tr>

<tr>

<td>Mobile Number:</td>

<td>E-mail ID:</td>

</tr>

<tr>

<td><input type="text"></td>

<td><input type="text"></td>

</tr>

<tr>

<td colspan=2>Date Of Birth:<select name="dob"size=1>

<Option value="1">Date

<Option value="1">1

<Option value="1">2

<Option value="1">3

<Option value="1">4

<Option value="1">5

<Option value="1">6

<Option value="1">7

<Option value="1">8

<Option value="1">9

<Option value="1">10

<Option value="1">11

<Option value="1">12
ca  P a g e

<Option value="1">13

<Option value="1">14

<Option value="1">15

<Option value="1">16

<Option value="1">17

<Option value="1">18

<Option value="1">19

<Option value="1">20

<Option value="1">21

<Option value="1">22

<Option value="1">23

<Option value="1">24

<Option value="1">25

<Option value="1">26

<Option value="1">27

<Option value="1">28

<Option value="1">29

<Option value="1">30

<Option value="1">31

</select>

<select name="dob"size=1>

<Option value="1">Month

<Option value="1">Jan

<Option value="1">Feb

<Option value="1">Mar

<Option value="1">Apr
cÑ  P a g e

<Option value="1">May

<Option value="1">Jun

<Option value="1">Jul

<Option value="1">Aug

<Option value="1">Sep

<Option value="1">Oct

<Option value="1">Nov

<Option value="1">Dec

</select>

<select name="dob"size=1>

<Option value="1">Year

<Option value="1">1991

<Option value="1">1992

<Option value="1">1993

<Option value="1">1994

<Option value="1">1995

<Option value="1">1996

<Option value="1">1997

<Option value="1">1998

<Option value="1">1999

<Option value="1">2000

<Option value="1">2001

</select>

</td>

</tr>
c*  P a g e

<tr>

<td>Gender:<input type="radio"name="anita" value="female" checked>

Female

<input type="radio"name="anita"value="female">

Male</td>

</tr>

<tr>

<td
colspan=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ent
er Number In Box:</td>

</tr>

<tr>

<td bgcolor="red">8561 &nbsp;<input type="text"></td>

</tr>

<tr>

<td colspan="2"><input type="checkbox"><b><font color=Red>I agree with


</font></b><font color=Black>Term & Condition/Privacy Policy</Font></td>

</tr>

<tr>

<td colspan=2 align="right"><input type="reset" value="Submit"></td>

</tr>

</table>

</form>
cA  P a g e

</body>

</html>

3 Write web application mark the self bio data foro using the table &form tag ?

<html>

<head>

<title>pro3</title>

</head>

<body bgcolor="violet" text="black">

<form>

<table border="0">

<caption><H1>MY BIODATA</H1></CAPTION>

<tr>

<td>TO:</td>

<TD></TD>
c  P a g e

</TR>

<td>&nbsp;-------------------------------------------- <br>&nbsp;-------------------------------------
-------<br>&nbsp;-------------------------------------------- <br></td>

<td rowspan="2"><img src="D:\sra\Assignment\shahrukh-khan-wallpaper[1].JPG"


width="100" height="100" align="right" border="5">

</td>

</tr>

</table>

<table border="2">

<tr>

<td>01.FULL NAME(in capital letters) :</TD>

<TD><input type="text"></TD>

<td rowspan="8"></td>

</TR>

<tr>

<td>02.Father's/husband's name:</td>

<td><input type="text" ></td>

<tr>

<td>03.Sex or marital status:</td>

<td><input type="text">

</tr>

<TR>

<TD ROWSPAN="4">04.Address (a)Present address</TD>

<TD><input type="text" maxlength="50"></TD>

</TR>

<tr>

<TD><input type="text" maxlength="50"></TD>

</tr>
cX  P a g e

<tr>

<TD><input type="text" maxlength="50"></TD>

</tr>

<tr>

<TD><input type="text" maxlength="50"></TD>

</TR>

<tr align="right">

<td ROWSPAN="4">(b)Permanent address</td>

<TD><input type="text" maxlength="50"></TD>

</tr>

<tr>

<TD><input type="text" maxlength="50"></TD>

</tr>

<tr>

<TD><input type="text" maxlength="50"></TD>

</tr>

<tr>

<TD><input type="text" maxlength="50"></TD>

</tr>

<TR>

<TD>05.Caste :</TD>

<TD><select name="caste" size="1">

<option>general

<option>sc

<option>st

<option>obc

<option>sebc
co  P a g e

<option>other

</select>

</td>

<TR>

<TD>06.Date of birth & Age :</TD>

<TD><input type="text"></TD>

</TR>

<TR>

<TD>07.Nationalty:</TD>

<TD><input type="text"></TD>

</TR>

<TR>

<TD>08.Language know:</TD>

<TD><select name="Language know" size="1">

<option value="a">odia

<option value="b">hindI

<option value="c">other

</select>

</TD>

</TR>

</table>

<table border="2">

<u>09.EDUCTIONAL QUALIFICATION</u>

<tr>

<th>Exmination passed</th>

<th>Board/ University</th>
c  P a g e

<th>Year of Passing</th>

<th>% of mark</th>

<th>Division/Class</th>

<th>Subjects Studied</th>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>
a  P a g e

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

</table>

<table border="2">

<tr>

<td>10.Other Qualification:</td>

<td><input type="text">

<td rowspan="6"></td>

</tr>

<tr>
ac  P a g e

<td>11.Experience, If any:</td>

<td><input type="text"></td>

</tr>

<tr>

<td>12.Extra Curricular Activities:</td>

<td><input type="text"></td>

</tr>

<tr>

<td>13.Name of the Employement Exchange:</td>

<td><input type="text"></td>

</tr>

<tr>

<td>14.Registration No.:</td>

<td><input type="text"></td>

</tr>

<tr>

<td>15.Date:</td>

<td><input type="text"></td>

</tr>

</table>

<h2 align="center"><u><b>DECLARATION</u></b></h2>

<pre>

<big><b>I do hereby declare that all statements made in this bio-data are true,

complete and correct to the best of my kowledge and belief.</b></big>


aa  P a g e

<b><big>place:---------------

Date: ---------------</big></b>

----------------
-----------------

<b><big>Signature ofthe candidate</big></b>

</pre>

</form>

</body>

</html>

4 Write a programme make the student mark sheet using table rowspan & colspan ?

<html>

<head>

<title>pro4</title>

<head>

<body bgcolor="black" text="blue">


aÑ  P a g e

<h3 ALIGN="CENTER">COUNCIL OF HIGHER SECONDARY EDUCATION , ODISSA<BR>+2


SCIENCE(REGULAR) ANNUAL EXAMINATION<BR> RESULT(2010)</h3>

<hr>

<table border="0">

<caption><b><u>STUDENT INFORMATION</u></b></caption>

<tr>

<td bgcolor="red">ROLL NO.</td>

<td>114EA143</td>

<td rowspan=6><img src="D:\sra\Assignment\prem.JPG" height="110" width=100


border=5> </td>

</tr>

<tr>

<td bgcolor="red">NAME:</td>

<td>Tara Prasd Nahak</td>

</tr>

<tr>

<td bgcolor="red">COLLEGE NAME:</td>

<td>B.J.P COLLEGE,<BR>BHUBNASWER</td>

</tr>

<tr>

<td bgcolor="RED">TOTAL</td>

<td>416</td>

</tr>

<tr>
a*  P a g e

<td bgcolor="RED">RESULT</td>

<td>PASS</td>

</tr>

<tr>

<td bgcolor="RED">DIVISION</td>

<td>I</td>

</tr>

<table border="2">

<tr>

<th colspan="5">MARKS SECURED</th>

</tr>

<tr>

<th ROWSPAN=2> SUBJECT</th>

<th colspan=2>THERORY</th>

<th colspan=2>PRATICAL</th>

</tr>

<tr>

<th>I</th>

<th>II</th>

<th>I</th>

<th>II</th>

</tr>
aA  P a g e

<tr>

<th>ENGLISH</th>

<th>072</th>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<th>ORIYA</th>

<th>065</th>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<th>PHYSICS</th>

<th>052</th>

<td>&nbsp;</td>

<th>025</th>

<td>&nbsp;</td>

</tr>

<tr>

<th>CHMESTRY</th>

<th>048</th>

<td>&nbsp;</td>

<th>026</th>
a  P a g e

<td>&nbsp;</td>

</tr>

<tr>

<th>MATH</th>

<th>070</th>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<th>BIOLOGY</th>

<th>028</th>

<th>030</th>

<th>013</th>

<th>012</th>

</tr>

</table>

</table>

</body>

</html>
aX  P a g e

5 Write a programme the log in form to display the right side of the web page ?

<Html>

<head>

<title>pro5</title>

</head>

<body bgcolor="red" text="black">

<h1 align="center">g-mail</h1>

<table align="right" bgcolor="blue">

<form>

<tr align="center">

<td colspan="2" ><b><big>google Login</big></b></td>

</tr>

<tr>
ao  P a g e

<td><b>user name:</b></td>

<td><input type="text"></td>

</tr>

<tr>

<td><b>password:</b></td>

<td><input type="password"></td>

</tr>

<tr align="middle">

<td colspan="2"><input type="checkbox">Stay in</td>

</tr>

<tr align="middle">

<td colspan="2"><input type="checkbox">Remembered Password</td>

</tr>

<tr align="middle">

<td colspan="2"><input type="button" value="Sign in"></td>

</tr>

<tr align="center">

<td colspan="2"><font color="red" face="comic sans ms"><b>if you don't have an


account</b></td>

</tr>

<tr align="center">

<td colspan="2" align="center "><input type="button" value="create an


account"></td>
a  P a g e

</tr>

</form>

</table>

</body>

</html>

6 Write a program display the warp around the text of the image ?

<html>

<head>

<title>pro6</title>

</head>

<body bgcolor="yellow" height="150" width="100" align="center" text="black">

<div align="center">
Ñ  P a g e

<pre>

sai baba sai baba sai baba sai baba sai baba sai babasaibaba sai baba

sai baba sai baba sai baba sai baba sai baba sai baba sai baba sai baba sai baba

sai baba sai baba sai baba sai baba sai baba sai baba sai baba sai baba sai baba

sai baba sai baba sai baba sai baba sai baba sai baba sai baba sai baba sai baba

sai baba sai baba sai babasai baba sai baba sai baba sai baba sai baba sai baba

sai baba sai baba sai baba sai baba<img src="C:\Documents and
Settings\Om\Desktop\gh\P5.jpg" height="70" width="70" align="center">sai baba sai babasai baba
sai baba sai baba

sai baba sai baba sai baba sai baba sai baba sai babasai baba sai baba sai baba

sai baba sai baba sai baba sai baba sai baba sai baba sai baba sai baba sai baba

sai baba sai baba sai babasai baba sai baba sai babasai baba sai baba sai baba

sai baba sai baba sai babasai baba sai baba sai babasai baba sai baba sai baba

sai baba sai baba sai babasai baba sai baba sai babasai baba sai baba sai baba

</pre>

</div>

</body>

</html>
Ñc  P a g e

7 Write a programme the nested order list display the special information ?

<html>

<head>

<title>pro 7</title>

</head>

<body bgcolor="blue" text="black">

<h1>order list</h1>

<hr>

<ol>harde ware

<li>ups</li>

<li>cpu</li>

<li>mouse</li>

<li>key board</li>

<li>printer</li>

<li>moniter</li>

</ol>
Ña  P a g e

<ul type="disc">ups

<li>block</li>

<li>device</li>

</ul>

<ul type="circle">block

<li>mu</li>

<li>alu</li>

<li>cu</li>

</ul>

<ul type="squre">mu

<li>primary memory</li>

<li>secondary memory</li>

</ul>

<ul type="arrow">primary memory

<li>ram</li>

<li>rom</li>

<ol type="a">soft ware

<li>application</li>

<li>system software</li>

</ol>

</body>

</html>
ÑÑ  P a g e

8 Write a programme dis play the 20 color in the table format on the web page ?

<html>

<head>

<title>pro 8</title>

</head>

<body bgcolor="black" text="blue">

<h1 align="center">20 colour</h1>

<hr>

<table border="2" align="left">

<caption><b><big>general color</big></b></caption>

<tr>

<th>colour name</th>

<th>colour display</th>

</tr>

<tr>

<td>white</td>
Ñ*  P a g e

<td bgcolor="white"></td>

</tr>

<tr>

<td>black</td>

<td bgcolor="black"></td>

</tr>

<tr>

<td>yellow</tdq>

<td bgcolor="yellow"></td>

</tr>

<tr>

<td>green</td>

<td bgcolor="green"></td>

</tr>

<tr>

<td>blue</td>

<td bgcolor="blue"></td>

</tr>

<tr>

<td>brown</td>

<td bgcolor="bnrown"></td>

</tr>

<tr>

<td>pink</td>

<td bgcolor="pink"></td>

</tr>

<tr>
ÑA  P a g e

<td>red</td>

<td bgcolor="red"></td>

</tr>

<tr>

<td>violate</td>

<td bgcolor="violate"></td>

</tr>

<tr>

<td>orange</td>

<td bgcolor="orange"></td>

</tr>

</table>

<table border="2" align="right">

<caption><b><big>code color</big></b></caption>

<tr>

<th>colour name</th>

<th>colour display</th>

</tr>

<tr>

<td>#a1b2c3</td>

<td bgcolor="#a1b2c3"></td>

</tr>

<tr>

<td>#abc123</td>

<td bgcolor="#abc123"></td>

</tr>

<tr>
Ñ  P a g e

<td>#1adf43</td>

<td bgcolor="#1adf43"></td>

</tr>

<tr>

<td>#af341c</td>

<td bgcolor="#af341c"></td>

</tr>

<tr>

<td>#bc35fa</td>

<td bgcolor="#bc35fa"></td>

</tr>

<tr>

<td>#1e67fd</td>

<td bgcolor="#1e67fd"></td>

</tr>

<tr>

<td>#d2a45ce</td>

<td bgcolor="#d2a45ce"></td>

</tr>

<tr>

<td>#d3ea78a</td>

<td bgcolor="#d3ea78a"></td>

</tr>

<tr>

<td>#a67g3c1</td>

<td bgcolor="#a67g3c1"></td>

</tr>
ÑX  P a g e

<tr>

<td>#ab143ef</td>

<td bgcolor="#ab143ef"></td>

</tr>

</table>

</body>

</html>

9 Write a programme set margin and marquee text middile &image scrool left & position page ?

<html>

<head>

<title>marquee text & image</title>

</head>

<body bgcolor="blue" text="red" leftmargin=200 rightmargin=200>

<h1align="center">

<hr size=3 color="black">


Ño  P a g e

<center>

<marquee width=600 direction="left" scrollamount="5"scrolldelay="5">

<img src="1488-shahrukh-khan-2068[1]" height=150 width=150 align="left">

</marquee>

</center>

<hr size=3 color="black">

<center>

<marquee width=200 direction="down"scrollamount="5"scrolldelay="5">

<h2 align="center">Haappy valentine's Day</h2>

<h3 align="center">Enjoy The Day</h3>

<h4 align="center">Tara prasad</h4>

</marquee>

</center>

<hr size=3 color="black">

<center>

<marquee width=600 direction="right" scrollamount="5"scrolldelay="5">

<img src="C:\Documents and Settings\Om\My Documents\My Pictures\New Folder\Sweet


Surrender April 18, 2010_ (5) copy.jpg" height=200 width=200 align="left">

</marquee>

</center>

</body>

</html>
Ñ  P a g e

10 Write a programme display the plain text.application & image in frameset on web page ?

<html>

<head>

<title>Frameset</title>

</head>

<frameset rows="*,*" border="yes">

<frame src="2.gif" scrolling="yes">

<frameset cols="*,*">

<frame src="1.gif" scrolling="yes">

<frame src="3.gif" scrolling="yes">

</frameset>

</frameset >

</html>
*  P a g e

ÆÆ

You might also like