Formated WT Practicals

Institute of Distance and Open Learning
(IDOL)
University of Mumbai
Certificate
This is to certify that Mr. BRIJESHKUMAR R. GUPTA of FY
MCA Semester I has completed the specified term work in
the subject of Web Technology
in
satisfactorily
manner
within this institute as laid down by University of Mumbai

during the academic year 2015 to 2016.
Staff Member Incharge

Name: ___________________
MCA Co-ordinator
(Prof.Mahendra Patil)
Examiner
Date:
College Seal
Institute of Distance and Open Learning (IDOL)
University of Mumbai
INDEX
Subject: Web Technology

Sr. No.
Experiment
Date
Sign.
Remarks
1
2
3
4
5
6
7
8
9
10
11
12
13
COLLEGE STAMP
DATE
Name: MOHSIN SHAIKH

Class: F.Y.MCA (SEM I)
Application ID: 16131000133

Academic Year: 2015-2016
PRACTICAL NO. 1
Create a web page and apply Block level tag
<HTML>
<HEAD>
<TITLE> Practical No.1_A(Block Level Tags)</TITLE>
</HEAD>
<BODY >
<h1><center><u>Block Level Tags</u></center></h1>
<h3 align="center">The Six Heading Levels</h3>
<center>The above Heading is centered using CENTER Tag.</center>
<h1>This is Heading Level 1</h1>
<p align="center"><font color="teal" size="5" face="comic sans ms">
<B><i>Majithia Callege</i></B> (also known as Majithia College) is an Indian
college. Its course include Masters degree in Computer Application.This MCA
programme is affiliated to University of Mumbai and
approved by All India Council Of Technology.</font>
</p>
</BODY>
</HTML>
Output
Name: MOHSIN SHAIKH


PRACTICAL NO. 2
Create a web page and apply Text level tag
<HTML>
<HEAD>
<TITLE> Practical No.1_B (Text Level Tags)</TITLE>
</HEAD>
<BODY>
<h1><u><center>Text Level Tags</center></u></h1>
<b >This is Bold Text</b><br>
<u>This is Underline Text</u><br>
<i>This is Italic Text</i><br>
<em>This is Emphasis Text</em><br>
<strong>This is Strong Text</strong><br>
<Big>This is Big Text</Big><br>
<Small>This is Small Text</Small><br>
<Strike>The Strike Tag is used Strike the Text</strike><br>
The use of Subscript Tag in equatios and formulas:
Na<sub>2</sub>Co<sub>3</sub><br>
The use of Superscript Tag in words,equation or formulas:
Registered<sup>TM</sup><br>
a<sup>2</sup>+b<sup>2</sup><br>
<TT>This is Teletype Text</TT><br>
</BODY>
</HTML>
Output
Name: MOHSIN SHAIKH


PRACTICAL NO. 3
Create a web page and apply background color and text color, special
characters and preformatted tag
<HTML>
<HEAD>
<TITLE>Practical No.2_A(Use of Special Characters,etc.)</TITLE>
</HEAD>
<BODY bgcolor="Thistle" text="purple">
<h1><center><u>Use of Special Characters</u></center></h1>
<center>&lt<br></center>
<center>&gt<br></center>
<center>&amp<br></center>
<center>&plusmn<br></center>
<center>28&deg<br></center>
<center>&quotHiiiGuyzzz&quot<br></center>
&nbsp
<h1><u><center>Paragraph With Different Alignment</center></u></h1>
<h4>Paragraph with Left Alignment</h4>
<p align="left"><B><i>Majithia Callege</i></B> (also known as Majithia
College) is an Indian college. Its course include Masters degree in Computer
Application.This MCA programme is affiliated to University of Mumbai and
approved by All India Council Of Technology.</p>
<h4>Paragraph with Center Alignment</h4>
<p align="center"><B><i>Majithia Callege</i></B> (also known as Majithia
<h4>Paragraph with Right Alignment</h4>
<p align="right"><B><i>Majithia Callege</i></B> (also known as Majithia
<h1><u><center>Use of Preformatted Text</center></u></h1>
<h4>Without Preformatted Tag:</h4>
Some day I think I'll travel<br>
And visit every land,<br>
And learn to speak the language<br>
That each child can understand<br>
<h4>With Preformatted Tag:</h4>

<pre>
Some day I think I'll travel
And visit every land,
And learn to speak the language
That each child can understand</pre>
</BODY>
</HTML>
Output
Name: MOHSIN SHAIKH


Practical no. 4
Create Web Page and include links to
Local page in same folder.
Page in different folder
Page on the Web
Specific location within document
<HTML>
<HEAD>
<TITLE>Practical No.2_B(Use of Links)</TITLE>
</HEAD>
<BODY bgcolor="Thistle" text="purple" link="blue" vlink="green"
alink="yellow">
<h1><center><u>Use of Links</u></center></h1>
<a href="Practical_1_A.html">Practical 1.A</a><br>
<a href="Practical_1_B.html">Practical 1.B</a><br>
<a href="Practical_1_C.html">Practical 1.C</a><br>
<a href="http://www.yahoo.com"> Visit Yahoo!</a><br>
<a href="http://www.twitter.com" target="blank">visit Twitter</a><br>
<P>Image As a Link</p>
<a href="http://www.facebook.com"><img src="Facebook.png"/></a><br>
</BODY>
</HTML>
Output
Name: MOHSIN SHAIKH


Practical No.5
Create a webpage and show ordered list, unordered list and nested list.
<HTML>
<HEAD>
<TITLE>Practical No.3_A(Ordered, Unordered and Nested Lists)</TITLE>
</HEAD>
<BODY>
<BODY bgcolor="Thistle" >
<h1>Ordered Lists</h1>
<table border="2">
<tr><td>
<h3>Ordered Lists of Captains with TYPE="1"</h3>
<ol type="1" >
<li>M S Dhoni</li>
<li>Andrew Strauss</li>
<li>Graeme Smith</li>
</ol></td>
<td><h3>Ordered Lists of Captains with TYPE="I"</h3>
<ol type="I">
<li>M S Dhoni</li>
</ol></td></tr>
<tr><td><h3>Ordered Lists of Captains with TYPE="i"</h3>
<ol type="i">
<li>M S Dhoni</li>
</ol></td>
<td><h3>Ordered Lists of Captains with TYPE="A"</h3>
<ol type="A">
<li>M S Dhoni</li>
</ol></td></tr>
<tr><td colspan="2"><h3><center>Ordered Lists of Captains with
TYPE="a"</center></h3>
<center><ol type="a">
<li>M S Dhoni</li>
</ol>
</center></td></tr>
</table>
<h1>Unordered Lists</h1>
<table border="2">
<tr><td>
<h3>Unordered Lists of Countireswirh TYPE="Disc"</h3>
<ul type="Disc">
<li>India</li>
<li>England</li>
<li>South Africa</li>
</ul></td>
<td><h3>Unordered Lists of Countireswirh TYPE="Circle"</h3>
<ul type="Circle">
<li>India</li>
<li>England</li>
</ul></td></tr>
<tr><td colspan="2"><h3><center>Unordered Lists of Countireswirh
TYPE="Square"</center></h3>
<center>
<ul type="Square">
<li>India</li>
<li>England</li>
</ul>
</center></td></tr></table>
<h1>Nested Lists</h1>
<ol type="1">
<li>India
<ul type="square">
<li>M S Dhoni</li>
<li>Sachin Tendulkar</li>
</ul>
</li>
<li>England
<ul type="square">
<li>Kevin Peterson</li>
</ul>
</li>
<li>South Africa
<ul type="square">
<li>AlbieMorkel</li>
</ul>
</li>
<table border="5" bordercolor="black" align="center" width="50%"
cellspacing="5" cellpadding="5">
<thbgcolor="orange">Captains</th>
<thbgcolor="white">Countries</th>
<thbgcolor="green">Team</th>
<trbgcolor="slategrey">
<td>
<ol type="1">
<li>M S Dhoni</li>
</ol>
</td>
<td>
<ul type="Disc">
<li>India</li>
<li>England</li>
</ul>
</td>
<td>
<ol type="1">
<li>India
<ul type="square">
<li>M S Dhoni</li>
<li>Sachin Tendulkar</li>
</ul>
</li>
<li>England
<ul type="square">
<li>Kevin Peterson</li>
</ul>
</li>
<li>South Africa
<ul type="square">
<li>AlbieMorkel</li>
</ul>
</li>
</ol>
</td>
<tr>
</table>
</BODY>
</HTML>
Output
Name: MOHSIN SHAIKH


Practical No. 6
Create a webpage with the use of definition tag.
<HTML>
<HEAD>
<TITLE>Practical No.3_B(Definition List)</TITLE>
</HEAD>
<BODY>
<h1>Definition List</h1>
<DL>
<DT>
<B><font color="red">Web Page : </font></B>
</DT>
<DD>
i)A web page is an internet document which can be accessed by the internet user
within HTML document(or browser).<BR>
ii)A web page can contain text,animations,videos,graphics that the user want to
see or hear.
</DD>
<DT>
<B><font color="red">Web Site : </font></B>
</DT>
<DD>
A web site is a collection of associated web pages.
</DD>
<DT>
<B><font color="red">Web Browser : </font></B>
</DT>
<DD>
It is an application or a software which helps an internet user to access web
pages from web server.
</DD>
</DL>
</BODY>
</HTML>
Output
Name: MOHSIN SHAIKH


Practical no. 7
Create tables and format tables using basic table tags and different
attributes.
<HTML>
<HEAD>
<TITLE> Practical No.4 (Table Tag)</TITLE>
</HEAD>
<BODY>
<table border="2" cellspacing="2">
<tr><td>
<table border="2">
<caption>Basic Table</caption><br>
<tr>
<th>Sr.No.</th>
<th>Animals</th>
<th>Young One</th>
</tr>
<tr>
<td align="center">1.</td>
<td align="center">Cat</td>
<td align="center">Kitten</td>
</tr>
<tr>
<td align="center">Dog</td>
<td align="center">Puppy</td>
</tr>
<tr>
<td align="center">Lion</td>
<td align="center">Cub</td>
</tr>
</table>
<br>
</td>
<td>
<table border="2" cellspacing="5" cellpadding="5">
<caption>Table with cellspacing and cellpadding</caption><br>
<tr>
<th>Sr.No.</th>
<th>Animals</th>
<th>Young One</th>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
<br>
</td></tr>
<tr><td>
<table border="2" height="200" width="200">
<caption>Table with Height and Width</caption><br>
<tr>
<th>Sr.No.</th>
<th>Animals</th>
<th>Young One</th>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
<br>
</td>
<td>
<table border="2" background=" Wind.jpg ">
<caption>Table with Background Image</caption><br>
<tr>
<th>Sr.No.</th>
<th>Animals</th>
<th>Young One</th>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
<br>
</td></tr>
<tr><td>
<table border="2" >
<caption>Table with Colspan</caption><br>
<tr>
<th>Name</th>
<thcolspan="2">Mobile</th>
</tr>
<tr>
<td align="center">Pravin</td>
<td align="center">9070414135</td>
</tr>
</table>
<br>
</td>
<td>
<table border="2" >
<caption>Table with Rowspan</caption><br>

<tr>
<th>First Name:</th>
<td>Pravin</td>
</tr>
<tr>
<th align="center" rowspan="2">Mobile</th>
</tr>
<tr>
</tr>
</table>
<br>
</td></tr>
<tr><td>
<table border="5">
<caption>Nested Table</caption>
<tr><td>
<table border="2" cellspacing="5">
<tr align="center">
<td rowspan="2">Animals</td>
<td>Cat</td>
<td>Kitten</td>
</tr>
<tr align="center">
<td>Dog</td>
<td>Puppy</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
</td>
<td>
<table border="2">
<caption>Table with Links</caption>
<th>Practicals</th>
<th>Aim</th>
<tr>
<td><a href="Practical_1_A.html">Practical
No.1</a></td>
<td>Block and Text Level Tags</td>
</tr>
<tr>
No.2</a></td>
<td>Use of Links and FontTag</td>
</tr>
<tr>
No.3</a></td>
<td>Use of ordered,unordered and nested
lists</td>
</tr>
</table>
</td></tr>
<tr><td>
<table border="2" bordercolor="red">
<caption>Table with Border color</caption><br>
<tr>
<th>Sr.No.</th>
<th>Animals</th>
<th>Young One</th>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
</td>
<td>
<table border="2">
<caption>Table with cell color</caption><br>
<tr>
<th>Sr.No.</th>
<th>Animals</th>
<th>Young One</th>
</tr>
<tr>
<td align="center" bgcolor="gray">Cat</td>
<td align="center" bgcolor="pink">Kitten</td>
</tr>
<tr>
<td align="center" bgcolor="brown">Dog</td>
<td align="center" bgcolor="teal">Puppy</td>
</tr>
<tr>
<td align="center" bgcolor="orange">Lion</td>
<td align="center" bgcolor="Red">Cub</td>
</tr>
</table>
</td></tr>
</BODY>
</HTML>
Output
Name: MOHSIN SHAIKH


Practical no. 8
Create Web Page and include images with different alignment and
wrapped text
<HTML>
<HEAD>
<TITLE> Practical No.5(Image Allignment) </TITLE>
</HEAD>
<BODY >
<h1><center>Image Alignment</center></h1>
<center><table border="1">
<tr><td>
<h3><center>Image with Left Alignment</center></h3>
<img src=" Wind.jpg" align="left" alt="text" height="150"
width="125"/>
</td>
<td><h3><center>Image with Right Alignment</center></h3>
<img src=" Wind.jpg" align="right" alt="text" height="150"
width="125"/></td>
<td><h3><center>Image with Center Alignment</center></h3>
<img src=" Wind.jpg" align="center" alt="text" height="150"
width="125"/></td></tr>
<td><h3><center>Image with Top Alignment</center></h3>
<img src=" Wind.jpg" align="top" alt="text" height="150"
width="125"/></td>
<td><h3><center>Image with Bottom Alignment</center></h3>
<img src=" Wind.jpg" align="bottom" alt="text" height="150"
width="125"/></td>
<td><h3><center>Image with HSPACE and VSPACE
Attribute</center></h3>
<img src=" Wind.jpg" align="bottom" alt="text" height="150"
width="125" hspace="50" vspace="30"/></td></tr>
</center>
</BODY>
</HTML>
Output
Name: MOHSIN SHAIKH


Practical no. 9
Create a frameset that divides browser window into horizontal framesets.
<HTML>
<HEAD>
<TITLE>Practical No.7_A(Frameset Horizontal)</TITLE>
</HEAD>
<frameset rows="40%,30%,30%">
<frame src="Practical_1_A.html"/>
</frameset>
</HTML>
Output
Name: MOHSIN SHAIKH


Practical No.10
Create a webpage and display the frameset vertically
<HTML>
<HEAD>
<TITLE>Practical No.7_B(Frameset Vertical)</TITLE>
</HEAD>
<frameset cols="40%,30%,30%">
</frameset>
</HTML>
Output
Name: MOHSIN SHAIKH


Practical No.11
Create Web Page and apply style rules.
<html>
<head>
<title> Style</title>
<style>
h1{position:absolute;color:red}
h2{position:relative;color:green; text-decoration:blink}
h3{ background-color:black; color:#0F0; text-align:center;
hr{border-bottom-style:dashed;}
marquee{color:red;}
</style>
</head>
<body>
<h1>Hello</h1>
<h2>Hello Hi</h2>
<br /><h3>HTML</h3>
<br>
<marquee><hr></marquee>
</body>
</html>
Output
Name: MOHSIN SHAIKH


PRACTICAL NO. 12
Create Web Page including control structures using JavaScript.
<html>
<head>
<title> 9</title>
<script type="text/javascript">
function comp()
{
var a=5,b=6;
if (a>b)
{
alert('A is greater')
}
else
{
alert('B is greater')
}
}
//Loop
function runLoop()
{
var i;
for(i=1;i<=10;i++)
{
alert(+i)
}
}
</script>
</head>
<body>
<h3> Comparing Numbers</h3>
<h5> 5</h5> <h5> 6</h5>
<br>
<input type=button value="Compare" onClick=comp()>
<br>
<h3> Running Loop</h3>
<br>
<input type=button value="Run Loop" onClick=runLoop()>
<br>
</body>
</html>
Output:
Name: MOHSIN SHAIKH


PRACTICAL NO.13
Programs based on Event Handling.
<html>
<head>
<script type="text/javascript">
var a,b,c;
function add()
{
a=parseInt(document.getElementById("fn").value);
b=parseInt(document.getElementById("sn").value);
c=a+b;
h.innerHTML=c;
return 0;
}
</script>
</head>
<body>
<center><h2>Add two Numbers( Javascript with Event Handling on buton
click)</h2></center><br>
Enter First Number: <input type=text id="fn">
Enter Second Number:<input type=text id="sn">
<br><br>
<center><input type=button onClick="add()" value="Click Me">

<input type=button onMouseOver="add()" value="Mouse Over Me"></center>
<h1 id=h></h1>
</body>
</html>
Output:

Formated WT Practicals

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Formated WT Practicals

Hochgeladen von

Copyright:

Verfügbare Formate

Institute of Distance and Open Learning

within this institute as laid down by University of Mumbai

Staff Member Incharge

Institute of Distance and Open Learning (IDOL)

Subject: Web Technology

Name: MOHSIN SHAIKH

Application ID: 16131000133

Name: MOHSIN SHAIKH

Application ID: 16131000133

Name: MOHSIN SHAIKH

Application ID: 16131000133

<h4>With Preformatted Tag:</h4>

Name: MOHSIN SHAIKH

Application ID: 16131000133

Name: MOHSIN SHAIKH

Application ID: 16131000133

Name: MOHSIN SHAIKH

Application ID: 16131000133

Name: MOHSIN SHAIKH

Application ID: 16131000133

<caption>Table with Rowspan</caption><br>

Name: MOHSIN SHAIKH

Application ID: 16131000133

Name: MOHSIN SHAIKH

Application ID: 16131000133

Name: MOHSIN SHAIKH

Application ID: 16131000133

Name: MOHSIN SHAIKH

Application ID: 16131000133

Name: MOHSIN SHAIKH

Application ID: 16131000133

Name: MOHSIN SHAIKH

Application ID: 16131000133

Das könnte Ihnen auch gefallen