WEB TECHNOLOGY LAB PROGRAMS:

1.Develop a program to display the following equation in the web browser(use sub
and sup tags).

1. (A+B)2A2+B2+2(A+B)(use <sup>)

2. (AB)2=A2+b2(use <sub> tag)

3. (use <sup>tag)

4.  a + b + c = 1000.   a2 + b2 = c2 (use <sup> tag)

Example program:
<p>e=mc<sup>2</sub></p>

2. Develop a program to display any image in the web browser.(use all image
attributes include alt,width,height,border,hspace and vspace).

3. Develop a program to display the particular website or file in the web browser.
(use anchor tags and href,target attributes).

4.a)Develop a program to display the marquee message in the web browser.(use all
marquee tags.direction:left/right/top/down)
Ex:

<marquee bgcolor="red" scrollamount="2"

direction="right" loop="true" width="35%"> <center>
<font color="blue" size="7">
<strong> THIS
IS A COOL WAY<br> TO MAKE YOUR TEXT<br> SCROLL UPWARDS<br> <br>
IT IS EASY AND FAST LOADING
</strong>
</font>
</center>
</marquee>
b)Develop a program to display the marquee message in the web browser.
(Additional effect:If you click the marquee message,It should display one web
page).
Example:
<marquee bgcolor="yellow"
direction="up"
behavior="scroll"
scroll="continuous"
scrollamount="45"
vspace="78"
hspace="20"
align="center"
width="300"
height="300"
<font size=25 color="red">
<a href="http://www.google.com" target="_blank">WELCOME TO III IT B</a>
</font>
</marquee>

5. Develop a program to embed a background sound in the web browser.

Ex:
<bgsound src=”audio/welcome.wav’>
Attributes:
Loop=”value”
Src=Location of the file.

6. Develop a program to embed the mediaplayer in the web browser.

Ex:
<embed src=”media player” width=360 height=165>
Autostart=choose if the media file will start automatically.
Loop=”value”-sets the media file to repeat or not.
Volume-Set the volume of the media file.The range is 0-110.
Hidden-if this value is true then the media player will not displayed.

7. Develop a program to display the following list in the web browser.

A.HTML
b.XML
III.JSP
iv.SERVLET
5.AJAX

Program:

<ol>
<li type=A>HTML</li>
<li type=a>XML</li>
<li type=I>JSP</li>
<li type=i>SERVLET</li>
<li type=1>AJAX</li>
</ol>

8.Develop a simple program to display the following list.

o Html
 o Xml
o Ajax
o Jsp
o Xslt
o Servelet
o Soap

9..Develop a simple program to display the following list.

 Html
 Xml
 Ajax
 Jsp
 Xslt
 Servelet
 Soap

10.Develop a simple program to display the following list .

 Html
 Xml
 Ajax
 Jsp
 Xslt
 Servelet
 Soap

11. .Develop a simple program to display the following list.

 XML
o HTML
 JSP
 XSLT
o SERVLET
 JAVA SCRIPT
 WSDL

12.Develop a program to disply the following HTML lists in web browser.(using all
types of lists)

WEB TECHNOLOY
1. Html
2. Xml
3. Ajax
 4. Jsp
5. Xslt
6. Servelet
7. Soap
WEB TECHNOLOGY:

o Html
o Xml
o Ajax
o Jsp
o Xslt
o Servelet
o Soap

WEB TECHNOLOGY
 Html
 Xml
 Ajax
 Jsp
 Xslt
 Servelet
 Soap

WEB TECHNOLOGY

 Html
 Xml
 Ajax
 Jsp
 Xslt
 Servelet
 Soap

13.Develop a program to display the following definition list in web browser.(use

<b> tag for each definition term, <i> tag for each Data definition> and use any
additional effect)
Ex:
<dl>
<dt><b>HTML</b></dt>
<dd ><i>Hyper Text markup language</i></dd>
</dl>

HTML
Hyper text Markup Language
XML
 Extensible markup language
JSP
Java server pages
JAX
Java API for xml
SAX
Simple API for XML
XSLT
Extensible Style sheet Transformation
CSS
Casecade style sheets
Href
Hypertext reference
SOAP
Simple object access protocol
JS
JAVA SCRIPT
WSDL
WEB Service Definition Language
DHTML
Dynamic Hyper Text Markup Language
XHTML
Extensible Hyper Text Markup Language
AJAX
Asynchronos JAVA and XML

14.Develop a program to display the following heading elements in the web browser
window.(use br tag to display the horizontal line in every heading.)

H1 LEVEL HEADING

H2 LEVEL HEADING

H3 LEVEL HEADING

H4 LEVEL HEADING

H5 LEVEL HEADING

H6 LEVEL HEADING

15.Develop a program to display the following frames in the web browser.

EXAMPLE:

<frameset cols="50%,40%">
<frameset rows=”50%,50%">
<frame src="file:///D:/marquee.html"/>
<frame src="file:///D:/marquee1.html"/>
</frameset>
<frameset rows="50%,50%">
<frame src="file:///D:/marquee2.html"/>
<frame src="file:///D:/marquee3.html"/>
</frameset>

HTML HTML
DOCUMENT 1 DOCUMENT 2

HTML HTML
DOCUMENT 1 DOCUMENT 4

HTMl DOCUMENT 1:
Marquee message direction=left

HTML DOCUMENT 2:

Marquee message direction=right

HTML DOCUMENT 3:
Marquee message direction:TOP

HTML DOCUMENT 2:
Marquee message DIRECTION:DOWN

16..Develop a program to display the following frames in the web browser.

(upperleftframe-Ordered lists,lowerleftframe-Unordered lists,middleleftframe-any
image,upperrightframe-Definition list,lowerrightframe-ordered list
types,middlerightframe-unordered list types and use noresize attributes)
17.Develop a program to display the following frames in the web.(Insert html
documents to each frames)

18. Develop a program to display the following frames in the web.(Insert documents
to each frames)
18. Develop a program to display the following frames in the web browser.(insert
HTML documents to each frames and use noresize attributes)

19.Develop a program to display the output for following html list programs.

a)
<!-- Karnataka.html -->
<HTML>
<HEAD>
<TITLE>About Karnataka</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Karnataka</H1></CENTER>
<HR>
<UL>
<LI>Area : 1,91,791 Sq. Kms</LI>
<LI>Capital : Bangalore</LI>
<LI>Language : Kannada</LI>
<LI>Population : 5,27,33,958</LI>
</UL>
</BODY>
</HTML>

b)
<!-- AndhraPradesh.html -->
<HTML>
<HEAD>
<TITLE>About Andhra Pradesh</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Andhra Pradesh</H1></CENTER>
<HR>
<UL>
<LI>Area : 2,75,068 Sq. Kms</LI>
<LI>Capital : Hyderabad</LI>
<LI>Language : Telugu</LI>
<LI>Population : 7,57,27,541</LI>
</UL>
</BODY>
</HTML>

c)
<!-- TamilNadu.html -->
<HTML>
<HEAD>
<TITLE>About Tamil Nadu</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Tamil Nadu</H1></CENTER>
<HR>
<UL>
<LI>Area : 1,30,058 Sq. Kms.</LI>
<LI>Capital : Chennai</LI>
<LI>Language : Tamil</LI>
<LI>Population : 6,21,10,839</LI>
</UL>
</BODY>
</HTML>

d)
<!-- Kerala.html -->
<HTML>
<HEAD>
<TITLE>About Kerala</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Kerala</H1></CENTER>
<HR>
<UL>
<LI>Area : 38,863 Sq. Kms.</LI>
<LI>Capital : Thiruvananthapuram</LI>
<LI>Language : Malayalam</LI>
<LI>Population : 3,18,38,619</LI>
</UL>
</BODY>
</HTML>
20)Develop a program to display the image.(use map tag).

The <map> tag is used to define a client-side image-map. An image-map is an image with
clickable areas.

The name attribute is required in the map element. This attribute is associated with the
<img>'s usemap attribute and creates a relationship between the image and the map.

The map element contains a number of area elements, that defines the clickable areas in the
image map.

Indiamap:
<img src="file:///D:/list/india/planets.gif" width="300" height="300" alt="planet"
usemap="#planetmap" />

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="file:///D:/list/india/AndraPradesh.html"
alt="Sun" />
<area shape="circle" coords="90,58,3" href="file:///D:/list/india/TamilNadu.html"
alt="Mercury" />
<area shape="circle" coords="124,58,8" href="file:///D:/list/india/Kerala.html"
alt="Venus" />
</map>

21.Develop a program to display 3 i-frames in one web browser window.(Use all I-

frames attributes)