Scribd
Upload
76 views29 pages

Q:-W AP T S T O L: Rite Rogram O HOW HE Rdered IST

The document contains a series of questions and HTML code snippets as responses to those questions. The questions cover a range of HTML topics including ordered and unordered lists, headings, text formatting, forms, links, tables and more. The provided HTML code demonstrates the use of the corresponding HTML tags to answer each question.

Uploaded by

Samuel Davis
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
76 views29 pages

Q:-W AP T S T O L: Rite Rogram O HOW HE Rdered IST

The document contains a series of questions and HTML code snippets as responses to those questions. The questions cover a range of HTML topics including ordered and unordered lists, headings, text formatting, forms, links, tables and more. The provided HTML code demonstrates the use of the corresponding HTML tags to answer each question.

Uploaded by

Samuel Davis
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 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