Professional Documents
Culture Documents
1) Write An Application To Implement Basic Tags in HTML
1) Write An Application To Implement Basic Tags in HTML
LAB MANAUVAL
<B><I><U><H1><CENTER>welcome</CENTER></H1></U></I></B> this is paragraph starting.<p>we can break the line also by using br tag<BR>this is after breaking the line. <hr size=2 width=80% align="center" color="blue" ><BR>the above is special horizontal line<br> <HR><BR>this is default horizontal line<BR> <marquee direction="left" scrollamount=50 loop=50 behavior="alternate" hspace=50 vspace=20>this is marquee</marquee> <FONT SIZE="2" color="green">hi! this is font</FONT><br> this is ordered list </body> </Html>
<OL type="A"> <font size=+2></font> <LI>jsp <LI>servlet <LI>jdbc </OL> <h3>Program demonstrating definition list</h3> <font size=+2></font> <DL> <DT>jsp <DD>java server page <DT>servlet <DD>server side programing <DT>jdbc <DD>java database connectivity </DL> </body>
</html>
<form method=get> Enter your name:<INPUT TYPE="text" NAME="name"><BR> Enter your address:<INPUT TYPE="text" NAME="address"><BR> Enter your password:<INPUT TYPE="password" NAME="password"> Your ideas:<TEXTAREA NAME="name" ROWS="2" COLS="30">Used for large texts. </TEXTAREA> <INPUT TYPE="submit" value="submit"> </BODY> </HTML>
<HTML> <BODY> <h2>Usage of radio button in forms.</h2> <form method="get"> Select your gender:<br> <input type="radio" name="a" value="m">Male<BR> <input type="radio" name="a" value="f">Female<BR> Select your branch:<br> <input type=radio name="b" value="cse">cse<BR> <input type=radio name="b" value="ece">ece </BODY> </HTML>
Frame1.html:
<HTML> <BODY>
Frame2.html:
<HTML> <BODY> This is frame2 source page </BODY> </HTML>
Frame3.html:
<HTML> <BODY> This is frame3 source page </BODY> </HTML>
<U>SHOWING TIME TABLE USING TABLES</U><BR><BR> <TABLE BORDER=1> <TR> <TD>Day</TD> <TD>PERIOD1</TD> <TD>PERIOD2</TD> <TD>PERIOD3</TD> <TD ROWSPAN=7>B<BR>R<BR>E<BR>A<BR>K</TD> <TD>PERIOD4</TD> <TD ROWSPAN=7>L<BR>U<BR>N<BR>C<BR>H</TD> <TD>PERIOD5</TD> <TD>PERIOD6</TD> <TD>PERIOD7</TD> </TR> <TR> <TD>MONDAY</TD> <TD>ES</TD> <TD>NP</TD> <TD>ACA</TD> <TD>DMDW</TD> <TD>SPM</TD> <TD>WT</TD> <TD>COMPASS</TD> </TR> <TR> <TD>TUESDAY</TD> <TD>WT</TD> <TD>ES</TD> <TD>NP</TD> <TD>ACA</TD> <TD>DMDW</TD> <TD>SEMINAR</TD> <TD>SPM</TD> </TR> <TR> <TD>WEDNESDAY</TD> <TD>SPM</TD> <TD>NP</TD>
<TD>DMDW</TD> <TD>ACA</TD> <TD COLSPAN=3 ALIGN=CENTER>NP LAB</TD> </TR> <TR> <TD>THURSDAY</TD> <TD>ACA</TD> <TD>NP</TD> <TD>SPM</TD> <TD>ES</TD> <TD>WT</TD> <TD>SEMINAR</TD> <TD>DMDW</TD> </TR> <TR> <TD>FRIDAY</TD> <TD COLSPAN=3 ALIGN=CENTER>WT LAB</TD> <TD>SPM</TD> <TD>ACA</TD> <TD>NP</TD> <TD>ES</TD> </TR> <TR> <TD>SATURDAY</TD> <TD>WT</TD> <TD>SPM</TD> <TD>ENGLISH</TD> <TD>ES</TD> <TD>DMDW</TD> <TD>NP</TD> <TD>ACA</TD> </TR> </TABLE> </BODY></HTML>
Stylesheets.html:
<HTML> <head> <style type=text/css> <!-h2{color:red} --> </style> </head> <BODY> <h2> usage of embedded style sheets</h2> <h3 style="background-color:#CC3333">this is inline stylesheet</h3> </BODY> </HTML>
12)Write an application to perform addition, average, product, smallest, largest on 3 numbers using java script. Operations.html:
<HTML> <HEAD><CENTER> </center></HEAD> <SCRIPT LANGUAGE="JAVASCRIPT"> function fadd_click() { accept();
document.f1.c.value=eval(x)+eval(y)+eval(z); } function fdiff_click() { accept(); document.f1.c.value=(eval(x)+eval(y)+eval(z))/3; } function fmult_click() { accept(); document.f1.c.value=eval(x)*eval(y)*eval(z); } function fSmall() { accept(); if((x<y) && (x<z) ) document.f1.c.value=x; else if((y<x) && (y<z)) document.f1.c.value=y; else if((z<y) && (z<x)) document.f1.c.value=z; } function fLarge() { accept(); if((x>y) && (x>z) ) document.f1.c.value=x; else if((y>x) && (y>z)) document.f1.c.value=y; else if((z>y) && (z>x) ) document.f1.c.value=z; } function accept() { x=window.prompt("enter the value"); y=window.prompt("enter the value"); z=window.prompt("enter the value"); } </SCRIPT> <BODY> <FORM NAME=f1> <CENTER>
<INPUT TYPE=BUTTON NAME=B1 VALUE=" Sum " onClick="fadd_click()">    <INPUT TYPE=BUTTON NAME=B4 VALUE=" Avg " onClick="fdiff_click()">    <INPUT TYPE=BUTTON NAME=B2 VALUE=" Product " onClick="fmult_click()">    <INPUT TYPE=BUTTON NAME=B3 VALUE="Smallest" onClick="fSmall()">    <INPUT TYPE=BUTTON NAME=B5 VALUE="Largest" onClick="fLarge()">    <INPUT TYPE = TEXT NAME="c">    </center> </FORM> </BODY> </HTML>
function fcheck() { a=window.prompt("enter the value"); s=0;c=0; while (a>0) { r=a%10; s=s+ r* Math.pow(2,c); c=c+1; a=Math.floor(a/10); } window.alert(s); } </SCRIPT> <BODY> <FORM NAME=f1> <CENTER> <INPUT TYPE=BUTTON NAME=B1 VALUE=" Binary To Decimal " onClick="fcheck()">    </center> </FORM> </BODY> </HTML>
window.alert("Numbers should be Greater than Zero"); } function validate() { if (a>b && a>c) {lar =a;f=b;s=c} else if (b>a && b>c) {lar =b;f=a;s=c} else {lar =c;f=a;s=b} if(Math.pow(lar,2)==Math.pow(f,2)+Math.pow(s,2)) window.alert (a +" " + b + " " + c + " Can be the Sides of a Right angled triangle") else window.alert (a + " " + b + " " + c + " Cannot be the Sides of a Right angled triangle") } </SCRIPT> <BODY> <FORM NAME=f1> <CENTER> <INPUT TYPE=BUTTON NAME=B1 VALUE=" Right Angle Triangle " onClick="fcheck()">    </center> </FORM> </BODY> </HTML>
} if(p==0) document.write( "<font color=red size=50>" + a +" is Prime " ); else document.write( "<font color=red size=50>" + a +" is Not Prime " );
} </SCRIPT> <BODY> <FORM NAME=f1> <CENTER> <INPUT TYPE=BUTTON NAME=B1 VALUE=" Prime " onClick="fcheck()">    </center> </FORM> </BODY> </HTML>
</script> <body bgcolor="wheat"> <form name="f1"> <input type=button value="C to F" onClick="CtoF()"><br>
19)Write a java script program to add elements to List at run time. Addele.html:
<html> <head> <script type="text/javascript"> function addNew(name,val){ var opt = new Option(name, val); document.getElementById("myselect").add(opt,undefined); } </script> </head> <body> <select id="myselect"> <option value="1">Vineet</option> <option value="2">Sandeep</option> <option value="3">Vinod</option> <option value="4">Amar</option> </select> <button onClick="addNew('Kumar','5');this.disabled=true;"> Add </button> </body> </html>
// Maths functions
function calc() { var inp = document.reals.inpt.value var func = document.reals.functn.value var outp = 0 if (func == 'round') {outp = Math.round (inp)} if (func == 'next') {outp = Math.ceil (inp)} if (func == 'last') {outp = Math.floor (inp)} if (func == 'pos') {outp = Math.abs (inp)} if (func == 'random') {outp = Math.random ()} document.reals.outpt.value = outp } </SCRIPT> </HEAD> <BODY> <FORM ACTION="#" NAME="reals"> <INPUT TYPE=TEXT NAME="inpt" SIZE=10 VALUE="2.4"> <SELECT NAME="functn" ONCHANGE="calc()"> <OPTION>- please select -</OPTION> <OPTION VALUE="round">rounded</OPTION> <OPTION VALUE="next">next integer</OPTION> <OPTION VALUE="last">previous integer</OPTION> <OPTION VALUE="pos">positive</OPTION> <OPTION VALUE="random">random</OPTION> </SELECT> <INPUT TYPE=TEXT NAME="outpt" SIZE=10 DISABLED> </FORM> </BODY>
</HTML>
<INPUT TYPE="radio" NAME="today" ONCLICK="document.date.show.value= new Date().getDate()">Day of month <BR><BR> <INPUT TYPE=TEXT NAME="show" SIZE=4 DISABLED> </SELECT> </FORM> <SCRIPT TYPE="TEXT/JAVASCRIPT"> document.date.show.value=new Date().getFullYear() </SCRIPT> </BODY> </HTML>
XML: 22)Write a simple well-formed xml document that contains emails contents
<?xml version="1.0" encoding="ISO-8859-1"?> <E-mail > <date> <day>12</day> <month>11</month> <year>99</year> </date> <To>Rohan</To> <From>Amit</From> <Subject>Surprise....</Subject> <Body>Be ready for a cruise...i will catch u tonight</Body> </E-mail>
<?xml version="1.0"?> <E-mail> <To>Rohan</To> <From>Amit</From> <Subject>Surprise....</Subject> <Body>Be ready for a cruise...</Body> </E-mail> <?xml version="1.0"?> <xs:schema xmlns:xs=http://www.w3.org/2001/XMLSchema> <xs:element name="E-mail"> <xs:complexType> <xs:sequence> <xs:element name="To" type="xs:string"/> <xs:element name="From" type="xs:string"/> <xs:element name="Subject" type="xs:string"/> <xs:element name="Body" type="xs:string"/> </xs:sequence> </xs:complexType> </xs:element> </xs:schema>