You are on page 1of 29

Q:-WRITE A PROGRAM TO SHOW THE ORDERED LIST

<HTML>
<HEAD><TITLE>PART OF COMPUTER</TITLE></HEAD>
<BODY>SOME OF THESE PRODUCTS INCLUDE:
<OL TYPE="1"START="0">
<LI>FLOPPIES
<LI>HARD DISKS
<LI>MONITORS
</UL>
</BODY></HTML>

OUTPUT:-

Q:-WRITE A PROGRAM TO SHOW THE UNORDERED LIST


<HTML>
<HEAD><TITLE>NAMES OF BOOKS</TITLE></HEAD>
<BODY>SOME OF THESE PRODUCTS INCLUDE:
<UL TYPE =FILLROUND>
<LI>java</LI>
<LI>Digital Electronic</LI>
<LI>DBMS</LI>

<LI>Programming in c</LI>
<LI> Web technology</LI>
</UL>
</BODY>
</HTML>

OUTPUT:-

Q:-WRITE A HTML PROGRAM SIMPLY SHOWING WELCOME


<HTML>
<HEAD><TITLE> Welcome</TITLE></HEAD>
<BODY>

<FONT color="red"> WELCOME TO HTML</FONT>


</BODY>
</HTML>

OUTPUT:-

Q:-WRITE A PROGRAME USING CHECKBOX

<html>
<body>

<select>
<Option>shahid</option>
<Option>sakshi</option>
<Option>nitin</option>
<Option>prem</option>
</select>
</body>
</html>

OUTPUT:-

Q:-WRITE A PROGRAME SIMPLY SHOWING THE USE OF


TEXTBOX
<html>
<body>
<pre>

name<input type=text name=abc size=15/>


<br>
<br>
class<input type=text value="" size=10/>
<br>
<br>
age<input type=text value="" size=5/>
</body>
</html>

OUTPUT:-

Q:- WRITE A PROGRAME USING JAVASCRIPT

TO SHOW MATHEMATICAL

EXPRESSION

<HTML>
<HEAD><TITLE>Working with Buttons objects</TITLE>

<SCRIPT language="javascript">
function calculate(form)
{
form.result.value=eval(form.entry.value);
}
</SCRIPT></HEAD>
<BODY><FORM>Enter a Javascript Mathematical Expression;
<INPUT Type="Text" Name="entry"value="">
<INPUT Type="button" value="calculate"
onclick="calculate(this.form);"><BR>
The result of this expression is;
<INPUT TYPE="Text" Name="result" onfocus="this.blur();">
</FORM></BODY>
</HTML>

OUTPUT:-

Q:-WRITE A PROGRAME USING JAVASCRIPT TO SHOW THE


ALERT BOX USING FUNCTION
<HTML>
<HEAD>

<script language="javascript">
function abc()
{
alert("this is javascript");
}
</script>
</HEAD>
<BODY>
<input type=button value=click onclick=abc() />
</BODY>
</HTML>

OUTPUT:-

Q:WR
ITE A PROGRAM TO SHOW AN ALERT DIALOGUE BOX

<HTML>
<HEAD><TITLE>Example 2.6 </TITLE></HEAD>

<BODY>
<SCRIPT LANGUAGE="JavaScript">
document.write('<IMG Src="049.jpg">');
document.write("<H1>Greetings, ");
document.write(prompt("Enter Your Name: ",
"Name"));
document.write("Welcome to My HomePage!
</H1>");
</SCRIPT>
</BODY></HTML>

OUTPUT:-

Q:-WRITE A CODE OF CASCADING STYLE SHEETS TO SHOWING


TEXT ATTRIBUTES

<HTML>

<HEAD><TITLE>WORKING WITH STYLE SHEETS USING FONT


ATTRIBUTES</TITLE>
<STYLE TYPE="TEXT/CSS">
H1{FONT-FAMILY:ARIAL,HELVETICA}
P{FONT-SIZE:12PT; FONT-STYLE:ITALIC}
</STYLE></HEAD>
<BODY>
<H1><FONT color="red"><center>INSTITUTE OF TECHNOLOGY AND
MANAGMENT
<P><font color="black">ITM is a great institute for the
management and technology study.
<P>Courses offered by ITM are BBA, B.Sc(IT),M.Sc(IT),and BCA.
ITM pay full attention towards students overall personality.
ITM conduct special personality developement class for there
students.
</BODY>
</HTML>

OUTPUT:-

Q:-WRITE A PROGRAM TO SHOW THE USE FRAMES

<html>
<head><title>Welcome to Product Review</title></head>

<frameset Rows="100,200,*">
<frame src="Frames\Frame1.html" name="f1">
<frameset Cols="333,333,*">
<frame src="Frames/Frame2.html" name="f2">
<frame src="Frames/Frame3.html" name="f3">
<frame src="Frames/Frame4.html" name="f4">
</frameset>
<frameset Cols="333,333,*">
<frame src="Frames/Frame5.html" name="f5">
<frame src="Frames/Frame6.html" name="f6">
<frame src="Frames/Frame7.html" name="f7">
</frameset>
</frameset>

</html>

OUTPUT:-

Q:- WRITE A PROGRAM USING JAVA SCRIPT SHOWING USE OF


TEXT BOX
<HTML>

<HEAD><SCRIPT Language="javascript"></HEAD>
function CheckData(column_data)
{
if(column_data!=""&& column_data.value!= column_data.value.to
upperCase()){
column_data.value=column_data.value.to uppercase()
}
}
</SCRIPT></HEAD>
<BODY><FORM><B>field1:</B>&nbsp;
<INPUT TYPE="text"Name="collector"SIZE=10
onchange="CheckData(this)"><BR>
<B>Field2:</B>&nbsp;<INPUT TYPE="text" NAME="dummy"
SIZE=10>
</FORM></BODY>
</HTML>

OUTPUT:-

Q:-WRITE A PROGRAM IN HTML SHOWING THE EXTERNAL LINKING


<html>
<body vlink=red alink=green>
<font size=15 Color=yellow>
<marquee behavier=alterate bgcolor=blue.scrollamount=20>
INSTITUTE OF TECHNOLOGY & MANAGEMENT
</marquee>
<center>
<font size=13 color=green>
TECHNICAL BRANCH
<center>
<a href=mr5.html target=abc>
MSC.IT
</a>
<br>
<br>
<a href=mr6.html target=abc>
BCA
</a>
<br>
<br>
<a href=mr7.html target=abc>
BSC.IT
</a>
<br>

<br>
MANAGEMENT BRANCH
<center>
<a href=mr15.html target=abc>
BBA
</a>
</center>
</font>
</body></html>

OUTPUT:

Q:-WRITE A PROGRAM IN JAVA SCRIPT TO ILLUSTRATE HOW THE


RESET BUTTON ON A FORAR FUNCTION

<HTML>
<HEAD><TITLE> PROG.4</TITLE></HEAD>
<SCRIPT language="javascript">
function func(f1){ alert("The form elements have been cleared");}
</SCRIPT></HEAD>
<BODY><FORM onReset="func(this.form)">
Client Name:<INPUT Name="Text1"
Type="Text"Value=""><BR><BR>
client Address:<Input
Name="Text2"Type="Text"Value=""><BR><BR>
<INPUT Type="Radio"Name="Radio"Value="">Male
<INPUT Type="Radio"Name="Radio" Value="">Female<BR><BR>
<INPUT Type="Checkbox" Name="check"
value="">Employed<BR><BR>
<INPUT Name="Rst"Type="Reset"Value="Reset">
</FORM></BODY>
</HTML>

OUTPUT:-

Q:- WRITE A JAVA SCRIPT PROGRAM SHOWING THE RADIO


ELEMENTS

<HTML>
<HEAD><TITLE>Working with Radio Buttons</TITLE>
<SCRIPT>
function calculate(form)
{
if(form.elements[1].checked)
{
form.result.value=form.entry.value * 2;
}
else
{
form.result.value=form.entry.value * form.entry.value;
}
}
</SCRIPT></HEAD>
<BODY><FORM><CENTER><BR>
<B>Value:</B>
<INPUT Name="entry" Type="Text" Value=0><BR><BR><SPACER
Size=190>
<B>Action:<B><BR><SPACER Size=225>

<INPUT Name="action1"
onClick="calculate(this.form);"Type="Radio" Value="twice">Double
<BR><SPACER Size=225>
<INPUT Name="action1" onClick="calculate(this.form);"
Type="Radio" Value="square">
Square<BR><BR>
<B>Result:</B>
<INPUT Name="result" onFocus="this.blur();" Type="Text">
</CENTER></FORM></BODY>
</HTML>

OUTPUT:-

Q:-WRITE A PROGRAME TO SHOW EXTERNAL LINKING

<html>
<body>
<a href=gg.jpg>
<img src=gg.jpg width=80 height=80>
</a>
<a href=freestyle.jpg>
<img src=freestyle.jpg width=80 height=80>
</a>

<a href=fish.jpg>
<img src=fish.jpg width=80 height=80>
</a>
<a href=yy.jpg>
<img src=yy.jpg width=80 height=80>
</a>
</bpdy>
</html>

OUTPUT:-

Q:-WRITE A PROGRAM TO SHOW THE FOLLOWING TABLE

TRIAN

PLACE

DESTINATION

RAJDHANI EXP MUMBAI


MADRAS MAIL MUMBAI
KONYO EXP
MUMBAI

DELHI
MADRAS
BANARAS

TIME
ARRIVAL DEPARTURE
7:30
8:45
10:35
8:45
11:30
10:35

<HTML>
<HEAD><TITEL>INFORMATION ABOUT TRAIN</TITEL></HEAD>
<BODY BGCOLOR="yellow">

<BR>
<BR>
<BR>
<BR>
<BR>
<CENTER>
<TABLE BORDER="1">
<TR>
<TH ROWSPAN=2>TRIAN</TH>
<TH ROWSPAN=2>PLACE</TH>
<TH ROWSPAN=2>DESTINATION</TH>
<TH COLSPAN=2>TIME</TH>

</TR>

<TR>
<TH>ARRIVAL</TH>
<TH>DEPARTURE</TH>
</TR>
<TR ALIGN=CENTER>
<TD>RAJDHANI EXP</TD>
<TD>MUMBAI</TD>
<TD>DELHI</TD>
<TD>7:30</TD>
<TD>8:45</TD>

</TR>
<TR ALIGN=CENTER>
<TD>MADRAS MAIL</TD>
<TD>MUMBAI</TD>
<TD>MADRAS</TD>
<TD>10:35</TD>
<TD>8:45</TD>
</TR>
<TR ALIGN=CENTER>
<TD>KONYO EXP</TD>
<TD>MUMBAI</TD>
<TD>BANARAS</TD>
<TD>11:30</TD>
<TD>10:35</TD>

</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>

OUTPUT:-

You might also like