Create An XHTML Page That Provide Information About Your Department

1) CREATE AN XHTML PAGE THAT PROVIDE INFORMATION
ABOUT YOUR DEPARTMENT. YOUR HTML PAGE MUST USE

FOLLOWING TAGS.
a. TEXT FORMATTING TAGS
b. HORIZONTAL RULE
c. META ELEMENT
d. LINKS
e. IMAGES
f. TABLES(USE ADDITIONAL TAGS IF REQUIRED)
SOURCE CODE:
<?xml version="1.0"encoding="utf-8"?>
<!DOCTYPE html PUBLIC"-//W3C//DTD xhtml1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml1.dld">
<html xmlns="http://www.w3.org//1999/xhtml">
<head>
<title>
lab1</title>
</head>
<body>
<hr>
<p id="top">
<center><h1>MASTER OF COMPUTER APPLICATION</h1></center>
<hr>
<p>MCA dept started in 1989 with <i> In take of 30</i>
<u>Subsiqently it is increased to 60</u></p>
<b>Facilities Avaliable</b>
<hr width="2500"color="red" size=""10"algin="left">
<ul>
<li>Class room with projector</li>
<li>Lab with internet</li>
<li>Wifi</li>
</ul>
<b>Some picture of the Department </b>
<br>
<br>
<img src="Sir-MVIT.jpg"width="200" height="200" border="4">
<br>
<br>
<b>Student Details</b>
<br>
<br>
<table border="2">
<tr>
<th>NAME</th>
<th>USN</th>
<th>PHNO</th>
</tr>
<tr>
<th>ramya</th>
<th>MCa02</th>
<th>9738528215</th>
</tr>
<tr>
<th>sush</th>
<th>MCa10</th>
<th>973863308</th>
</tr>
</table>
<a href='#top'>Click here to go to top</a>
<br>
<br>
<a href="new.html">Click here to go to new page</a>
<br>
</body>
</html>
OUTPUT
2) DEVELOP & DEMONSTRATE THE USAGE OF INLINE ,

EXTERNAL STYLE SHEET USING CSS USE XHTML PAGE THE
CONTAIN ATLEAST 3 PARAGRAPH TEXT LISTED ELEMENT &
A TABLE WITH 4 ROWS & 4 COLUMNS.
SOURCE CODE:
<?xml version ="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.2//EN"
"htpp://www.w3.org/TR/xhtml11.DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>
demonstration of css
</title>
<link rel="stylesheet" href="st.css">
<style>
h3
{
font-family:Garamond;
color:red;
}
</style>
</head>
<body>
<h1><center>Demonstration os CSS - internal,inline and external style
sheet</h1></center>
<h3><u>unix programing</u></h3>
<p style="font-family:verdana;font-size:20pt;color:blue">on 1969 unix
programing is developed by ken Thompson and dennis ritche, unix is a
OP which handle all accept of multiple user and multiple task at a
time</p>
<h3>Web Programming</h3>
<p>in 1995, Netscape introduced a client-side scripting language
called javascript following program to add some dynamic elements.</p>
<h3>Software Engineering</h3>
<p>When the first digital computer appeared in the early 1940, the
instruction to make them operate were wired into the machine.</p>
<h3>Web programming Tools</h3>
<ul><li>HTML</li>
<li>HTML-5</li>
<li>XHTML</li>
</ul>
<h3>Student DataBase</h3>
<table border="3" bordercolor="blue" align="center" frame="vsides"
bgcolor="green">
<tr>
<th>regno</th>
<th>name</th>
<th>class</th>
<th>percentage</th>
</tr>
<tr>
<td>15dksb7123</td>
<td>theerthesh</td>
<td>BCA</td>
<td>75%</td>
</tr>
<tr>
<td>15dksb7124</td>
<td>abbas</td>
<td>BCA</td>
<td>73%</td>
</tr>
<tr>
<td>15dksb7125</td>
<td>yogesh</td>
<td>BCA</td>
<td>77%</td>
</tr>
<tr>
<td>15dksb7126</td>
<td>ravi</td>
<td>BCA</td>
<td>71%</td>
</tr>
</table>
</body>
</html>
OUTPUT
3) DEVELOP & DEMONSTRATE XHTML FILE THAT INCLUDES

JAVA SCRIPT FOR THE FOLLOWING PROGRAMS
a) INPUT : A NUMBER N OBTAIN USING PROMPT
OUTPUT : FIRST N FIBANACCI SERIES NUMBER
b) INPUT : A NUMBER N OBTAINED USING PROMPT
OUTPUT : A TABLE OF NUMBER FROM 1 TO N & THERE
SQUARE USING ALERT.
SOURCE CODE:
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
<html>
<head>
<title>
DEMONSTRATION OF FIBONACCI SERIES
</title>
<script language="javascript">
var a=0,b=1,c=0;
var n=prompt("enter valid input");
if(n!=null && n>0)
{
document.write("fibanacci series are:");
if(n==1)
{
document.write(a);
}
else
{
document.write(a+"<br>"+b+"<br>");
for(i=3; i<=n; i++)

{
c=a+b;
document.write(c+"<br>");
a=b;
b=c;
}
}
}
else
{
document.write("enter valid input");
}
</script>
</head>
</html>
OUTPUT
B.SOURCE CODE:
<?xml version="1.0" encoding="utf-8" ?>

<!DOCTYPE html PUBLIC "" "">
<head>
<title>
DEMONSTRATION OF NUMBER AND ITS SQUARE
</title>
<script type= "text/javascript">
var n=prompt("enter positive value for n: "," ");
while(n<=0)
{
alert("enter positive value");
n=prompt("enter positive value for n:"," ");
}document.write("numbers and their square values displaying using alert

..<br> ");
var msg="the square(s) of \n";
for(i=1;i<=n;i++)
{
msg=msg+ i + " is " + (i*i) + "\n";
}
alert(msg);
</script>
</head>
</body>
</html>
OUTPUT
4) CREATE A XHTML DOCUMENT THAT DESCRIBES THE FORM
FOR TAKING ORDERS FOR POPCORN. TEXT BOXES ARE USED AT
THE TOP OF THE FORM TO COLLECT THE BUYS’S NAME AND
ADDRESS. THESE ARE PLACED IN A BORDERLESS TABLE TO
FORCE THE TEXT BOX ALIGN VERTICALLY. A SECOND TABLE TO
COLLECT ACTUAL ORDER. EACH ROW OF THIS TABLE NAMES A
PRODUCT, DISPLAY THE PRICE, AND USES TEXT BOX WITH SIZE
2 TO COLLECT THE QUANTITY ORDERED USING <td> TAG. THE
PAYMENT METHOD IS INPUT BY THE USER THROUGH ONE OF
FOUR RADIO BUTTONS. PROVIDE PROVISION FOR SUBMISSION
OF ORDER AND CLEAR THE ORDER FORM.
SOURCE CODE:
<html>
<head>
<title> Orders for Popcorn </title>
</head>
<body>
<h1> Welcome to Millenium Gymnastics Booster Club Popcorn Sales</h1>
<form>
<table>
<tr>
<td><b> Buyer's Name:</td></b>
<td><input type="text"/></td><br />
</tr>
<tr>
<td><b> Street Address:</td></b>
</tr>
<tr>
<td><b>City, State, Zipcode:</td></b>
</tr>
</table><table border="2">
<th>Product Name</th>
<th>Price</th>
<th>Quantity</th>
</tr>
<tr>
<td> Unpopped Popcorn(1 lb.)</td>
<td>$3.00</td>
<td><input type="text" size="2"/></td>
</tr>
<tr>
<td> Caramel Popcorn(2 lb.Canister)</td>
<td>$3.50</td>
</tr>
<tr>
<td> Caramel Nut Popcorn(2 lb.Canister)</td>
<td>$4.50</td>
</tr>
<tr>
<td> Toffey Nut Popcorn(2 lb.Canister)</td>
<td>$5.00</td>
</tr>
</table>
<h2><b>Payment Method:</b></h2>
<input type="radio" name="s"/>Visa
<input type="radio" name="s"/>Master Card
<input type="radio" name="s"/>Discover
<input type="radio" name="s"/>Check
<br>
</br>
<input type="submit" value=Submit Order"/>
<input type="reset" value=Clear Order Form"/>
</form>
</body>
</html>
OUTPUT
5) DEVELOP AND DEMONSTRATE, A HTML DOCUMENT THAT
a) COLLECT THE USN (THE VALID FORMAT IS: A DIGIT FROM 1
TO 4 FOLLOWED BY TWO UPPER-CASE CHARAECERS
FOLLOWED BY TWO DIGITS FOLLOWED BY THREE UPPER-
CASE CHARECTERS FOLLOWED BY TWI DIGITS; (NO
EMBEDDED SPACES ARE ALLOWED) FROM THE USER. USE
JAVASCRIPT THAT VALIDATE THE CONTENT OF THE
DOCUMENT. SUITABLE MESSAGES SHOULD BE DISPLAY IN
THE ALERT IF ERRORS ARE DETECTED IN THE INPUT DATA.
USE CSS AND EVENT HANDLERS TO MAKE YOUR DOCUMENT
APPEALING.
SOURCE CODE:
<html>
<head>
<title>USN Validation</title>
<script type="text/javascript">
function val()
{
var usn=document.getElementById("usn");
if(usn.value.match(^[1-4][A-Z][A-Z][0-9][0-9][A-Z][A-Z][A-Z][0-9][0-
9]$))
alert("Valid USN ");
else
alert("Invalid USN ");
}
</script>
<style type="text/css">
body
{
background-color:cyan;
}
h1
{
color:green;
}
</style>
</head>
<body>
<h1>VALIDATE USN</h1>
<form>
Enter USN Number:<input type="text" id="usn"><br><br>
<input type="button" value="Validate USN" onclick="val()">
</form>
</body>
</html>
OUTPUT
a) MODIFY THE ABOVE PROGRAM TO GET THE CURRENT
SEMESTER ALSO(RESTRICTED TO BE NUMBER FROM 1 TO 6)
SOURCE CODE:
<html>
<head>
function val()
{
9]$))
else
}
</script>
body
{
}
h1
{
color:green;
}
</style>
</head>
<body>
<form>
</form>
</body>
</html>
OUTPUT
6) DEVELOP AND DEMONSTRATE A HTML FILE WHICH INCLUDE
JAVASCRIPT THAT USES FUNCTION FOR THE FOLLOWING
PROBLEMS:
a) PARAMETER: A STRING OUTPUT: THE POSITION IN THE
STRING OF THE LEFT-MOST VOWEL.
SOURCE CODE:
<html>
<head>
<title>vowel</title>
</head>
<body>
var i, pos,f=false;
function fv()
{
var str=prompt("enter a string", "string");
for(i=0; str.length; i++)
{
if(str[i]=='a' || str[i]=='e')
{
pos=i;
f=true;
break;
}
}
if(f==true)
{
document.write("left mosty vowel position is"+(pos+1));
}
else
alert("not a vowel");
}
fv();
</script>
</body>
</html>
OUTPUT:
a) PARAMETER: A NUMBER OUTPUT: THE NUMBER WITH ITS
DIGITS IN THE REVERSE ORDER.
SOURCE CODE:
<html>
<head>
<title>vowel</title>
</head>
<body>
var rem, rev=0,n;
function frev()
{
n=prompt("enter a numeric data", "123");
while(n>0)
{
rem=n%10;
rev=rev*10+rem;
n=parseInt(n/10);
}
alert("reversed number is"+rev);
}
frev();
</script>
</body>
</html>
OUTPUT:
7) DEVELOP AND DEMOSTRATE A HTML5 PAGE WHICH CONTAINS
a) DYNAMIC PROGRESSIVE BAR
SOURCE CODE:
<html>
<head>
function val()
{
9]$))
else
}
</script>
body
{
}
h1
{
color:green;
}
</style>
</head>
<body>
<form>
</form>
</body>
</html>
OUTPUT:
b) DISPLAY VEDIO FILE USING HTML5 VIDEO TAG.
SOURCE CODE:
<!DOCTYPE html>
<body>
<video width="400" height="350" controls>
<source src="sample.mp4" type="video/mp4">
your browser not supported.
</video>
</body>
</html>
OUTPUT:

Create An XHTML Page That Provide Information About Your Department

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Create An XHTML Page That Provide Information About Your Department

Uploaded by

Copyright:

Available Formats

1) CREATE AN XHTML PAGE THAT PROVIDE INFORMATION

ABOUT YOUR DEPARTMENT. YOUR HTML PAGE MUST USE

2) DEVELOP & DEMONSTRATE THE USAGE OF INLINE ,

3) DEVELOP & DEMONSTRATE XHTML FILE THAT INCLUDES

for(i=3; i<=n; i++)

<?xml version="1.0" encoding="utf-8" ?>

}document.write("numbers and their square values displaying using alert

b) DISPLAY VEDIO FILE USING HTML5 VIDEO TAG.

You might also like