SECRETOFSUCCESS: B.COM-III Year

Lab Programs(HTML)

LAB PROGRAMS

<html>

<body>

var a = 33;

var b = 10;

var c = "Test";

var linebreak = "<br />";

document.write("a + b = ");

result = a + b;

document.write(result);

document.write(linebreak);

document.write("a - b = ");

result = a - b;

document.write(result);

document.write(linebreak);

document.write("a / b = ");

result = a / b;

document.write(result);

document.write(linebreak);

document.write("a % b = ");

result = a % b;

document.write(result);

document.write(linebreak);

document.write("a + b + c = ");

result = a + b + c;

document.write(result);

document.write(linebreak);

a = a++;

document.write("a++ = ");

result = a++;

document.write(result);

document.write(linebreak);

b = b--;

document.write("b-- = ");

result = b--;

document.write(result);

document.write(linebreak); </script> </body> </html>

1. CREATE A WEB PAGE TO DISPLAY TIME TABLE

<html>

<head>

<title>Demo on Student Details</title>

</head>

<body>

<table Align=center bgcolor=orange border=1>

<tr>

<th></th>

<th>1<sup>st</sup>hour</th>

<th>2<sup>nd</sup>hour</th>

<th>3<sup>rd</sup>hour</th>

<th rowspan=7>B<br>R<br>E<br>A<br>K<br></th>

<th>4<sup>th</sup>hour</th>

<th>5<sup>th</sup>hour</th>

<th>6<sup>th</sup>hour</th>

</tr>

<tr>

<th>Mon</th>

<td><br></td>

</tr>

<tr>

<th>Tue</th>

<td><br></td>

</tr>

<tr>

<th>Wed</th>

<td><br></td>

</tr>

<tr>

<th>Thur</th>

<td><br></td>

</tr>

<tr>

<th>Fri</th>

<td><br></td>

</tr>

<tr>

<th>Sat</th>

<td><br></td>

</tr>

<caption>

<h4><font color=red size=6>CLASS ROOM TIMETABLE</font></h4></caption>

</table>

</body>

</html>

2. Create a Web page to display table using all the attributes of table Tag.

<html>

<head>

<title>Demo on Student Details</title>

</head>

<body bgcolor=blue>

<table Align=center bgcolor=cyan border=2>

<tr>

<th colspan=2 rowspan=3><img src="C:\Users\srnk\Desktop\html-lab(programs)\pics\bbb 043.jpg" height=50 width=50></th>

<th colspan=4>POPULATION</th>

</tr>

<tr>

<th colspan=2>state1</th>

<th colspan=2>state2</th>

</tr>

<tr>

<th>M</th>

<th>F</th>

<th>M</th>

<th>F</th>

</tr>

<tr>

<th rowspan=2>2005</th>

<th>Lit</th>

<td><br></td>

</tr>

<tr>

<th>Illit</th>

<td><br></td>

</tr>

<tr>

<th rowspan=2>2006</th>

<th>Lit</th>

<td><br></td>

</tr>

<tr>

<th>Illit</th>

<td><br></td>

</tr>

<tr>

</table>

</body>

</html>

3. CREATE A WEBPAGE TO DISPLAY THREE TEXT BOXES AND APPLY FOUR STYLES

<html>

<head>

<title>text box with style</title>

<style type='text/css'>

t1{font-family:arial;font-size:30;color:blue;text-decoration:none;}

t2{font-family:verdana;font-size:30;color:red;text-decoration:underline;}

t3{font-family:times-new-roman;font-size:30;color:pink;text-

decoration:linethrough;font-weight=bold;}

</style>

<body bgcolor=cyan>

<form>

<input type='text' name='tb1' value='srnkgdcbanswada' size=30 maxlength=30 class='t1'>

<input type='text' name='tb2' value='srnkgdc' size=30 maxlength=30 class='t2'>

<input type='text' name='tb3' value='srnkgdc' size=30 maxlength=30 class='t3'>

<br>

</form>

</body>

</center>

</html>

4. CREATE A WEBPAGE FOR OVER LAPPING IMAGES

<html>

<head>

<title>overlapping</title>

</head>

<div style="position:relative;width:424px;height:300px;float:left;">

<span style="position:absolute;top:0px;left:0px;padding:6px;border-style:solid;border-width:10px;background-color:red;">

<img src="C:\Users\Public\Pictures\Sample Pictures\Tulips.jpg" height=130 width=130>

</span>

<span style="position:absolute;top:0px;left:0px;padding:6px;border-style:solid;border-width:10px;background-color:red;">

<img src="C:\Users\Public\Pictures\Sample Pictures\Penguins.jpg" height=130 width=130>

</span>

<span style="position:absolute;top:0px;left:0px;padding:6px;border-style:solid;border-width:10px;background-color:red;">

<img src="C:\Users\Public\Pictures\Sample Pictures\Tulips.jpg" height=30 width=30>

</span>

</div>

</html>

5. create a web page for overlapping text

<html>

<head>

<title>overlapping text</title>

</head>

<p style="line-height:15px;text-align:center;"><span style="font-family:Georgia;font-size:36pxcolor:pink;font-style:normal;font-weight:normal;">

B.Com III Year </span>

</span>

</p>

</html>

6. VB Script for switch case

<html>

<head>

<title>switch case</title>

</head>

<body>

<script type="text/vbscript">

dim choice:choice=2

dim a:a=5

dim b:b=4

dim c

select case choice

case 1

c=a+b

document.write("addition is "&c)

case 2

c=a*b

document.write("multiplication is"&c)

case 3

c=a-b

document.write("subtraction is"&c)

case 4

c=a/b

document.write("division is "&c)

end select

</script>

</body>

</html>

7. HTML Program for List

<html>

<head>

<title>HTML Unordered List</title>

</head>

<body bgcolor="pink">

<ul type="circle">

<li>SRNK GDC</li>

<li>B.Com-III year</li>

<li>WEB-PROGRAM</li>

</ul>

</body>

</html>

<html>

<head>

<title>HTML Ordered List</title>

</head>

<body bgcolor="blue">

<ol type="1">

<li>WEB-PROGRAM</li>

<li>B.Com-III year</li>

<li>SRNK GDC</li>

</ol>

</body>

</html>

8. Write An HTML Code for Vertical Frames

first.html

<html>

<head></head>

<title>frames</title>

<body bgcolor=red>

<ol>

<li>Sandhya</li>

<li>computer</li>

<li>lecturer</li>

<li>banswada</li>

</ol>

</body>

</html>

second.html

<html>

<head></head>

<title>frames</title>

<body bgcolor=red>

<ol>

<li>Sandhya</li>

<li>computer</li>

<li>lecturer</li>

<li>banswada</li>

</ol>

</body>

</html>

<html>

<head>

</head>

<title>frames</title>

<frameset cols="25%,25%">

<frame name="first" src="first.html">

<frame name="second" src="second.html">

</frameset>

</html>

9. HTML FOR TEXT DECORATION ATTRIBUTES

<html>

<head>

<title>text styles</title>

<style>

h1{text-decoration:overline;color:red;}

h2{text-decoration:line-thorugh;color:blue;}

h3{text-decoration:underline;color:pink;}

</style>

</head>

<body bgcolor=yellow>

<img src="C:\Users\Public\Pictures\Sample Pictures\Desert.jpg">

<h1>WELCOME TO SRNK GDC BNS</h1>

<h2>Bcom-III year</h2>

<h3>WEB-PROGRAMMING</h3>

</body>

</html>

10. STUDENT REGISTRATION FORM ITS ALREADY GIVEN TO YOU

11. VB Script program to display name of student using arrays

<html>

<head>

</head>

<body bgcolor="pink">

<h2>

<p align="center">For each statement to show every elements in an array</p>

</h2>

<center>

<h3>

<script type="text/vbscript">

dim name(4)

name(0)="sandhya"

name(1)="shashi"

name(2)="shrutha"

name(3)="preethi"

name(4)="keerthi"

for each eatables in name

document.write(eatables)

document.write("</br>")

next

</script>

</body>

</html>

12. VB Script Program for fibonacci number

<html>

<body>

<center>

<script type="text/vbscript">

dim a,b,c

a=0

b=1

while c<21

document.write(b&"<br/>")

c=a+b

a=b

b=c

wend

</script>

</center>

</body>

</html>

13. VB Program for multiplication table for a given number

<html>

<head>

<title>multiplication</title>

</head>

<script type="text/vbscript">

dim x,i,y,product,j,table

x=inputbox("enter the number")

for i=1 to 10

product=i*j

x=i&"*"&j&"="&product

table=table&vbnewline&x

next

msgbox table

</script>

</head>

</html>

14. VB Script program for factorial of a given number

<html>

<head>

<title>fact</title>

<script type="text/vbscript">

dim number,counter,fvalue

number=6

fvalue=1

for counter=number to 1 step-1

fvalue=fvalue*counter

next

msgbox fvalue

</script>

</head>

</html>

15. VB Script program for prime number

<html>

<head>

<title>prime</title>

<script type="text/vbscript">

dim i,j,n

n=inputbox("enter a number")

for i=2 to n

count=0

for j=1 to i

if i mod j=0 then

count=count+1

end if

next

if count=2 then

num=i

prime=prime&space(2)&num

end if

next

msgbox prime

</script>

</head>

</html>

16. Create a webpage to display images and apply transition effect of the image

<html>

<head>

<title>misc.image filter</title>

<style type="test/css">

cap{font-weight:bold;background-color:#DDDAA;text-align=center}

</style>

</head>

<body>

<table>

<tr class="cap"

<td>normal</td>

<td>graystyle</td>

<td>xray</td>

<td>invert</td>

</tr>

<tr>

<td><img src="G:\BND\Photos\IMG_0271.jpg"></td>

<td><img src="G:\BND\Photos\IMG_0271.jpg" style="filter:gray"></td>

<td><img src="G:\BND\Photos\IMG_0271.jpg" style="filter:xray"></td>

<td><img src="G:\BND\Photos\IMG_0271.jpg" style="filter:invert"></td>

</tr>

</table>

</body>

<html>

17. VBScript for Polindrome

<html>
<head>
<title>simple validation</title>
<script type="text/vbscript">
dim str
str="liril"
fstr=strreverse(str)
if str=fstr then
msgbox("the given string "&str&" is a polindrome")
else
msgbox("The given string "&str&" is not polindrome")
end if
</script>
</head

</html>

18.VB Script for square and cube of a number.

<html>

<head><title>vbscript test</title>

</head>

<body>

<script type="text/vbscript">

function multfunction(x)

multfunction=x*x

end function

document.write(multfunction(5)&"<br>")

function cube(x)

cube=x*x*x

end function

document.write(cube(5))

</script>

</body>

</html>

E-Commerce

1. Create a table with 3rows and 3columns in Html.

<html>
<head>
<title>STATES AND CAPITAL CITIES</title>
</head>
<body>
<table Align=center bgcolor=orange border=4>
<tr>
<th>1</th>
<th>2</th><th>3</th><tr><td>4</td><td>5</td><td>6</td></tr><tr><td>7</td><td>8</td><td>9</td></tr></head></body></html>

2. Create a web page which contains the heading as Telangana state in h1 size . There should be a paragraph describing about Telangana state

<html>

<head><title>heading</title><h1 align="center">TELANGANA STATE</h1><p><b>December 2009: UPA-II's home minister, Sushilkumar Shinde hints at the fact that the Centre is serious about the recognition of Telangana as a separate state. In this regard, the Srikrishna Committee is set up which had submitted its report in 2010.December 2012: Home minister Sushilkumar Shinde announces that the decision regarding Telangana will be taken in a month.July 30, 2013: Congress announces the formation of the separate state of Telangana. It is all set to become India's 29th state</b>.</p><p><b>June 2, 2014: Telangana formally comes into existence. K Chandrasekhar Rao takes oath as the state's first chief minister.</b></p><p><b><u><h1>Countless deaths:</h1></u>The creation of the separate state of Telangana, after a mammoth struggle that spanned close to 60 years, also witnessed horrific incidents of violence throughout the once unified state of Andhra Pradesh. In 2010, it was reported that 73 students had committed suicide and 1,812 students attempted to take their own lives demanding that a separate state of Telangana be created. Also, during the 1969 Telangana Agitation, a crowd of over 1,000 agitators had tried to set fire to a sub-inspector's residence.</b><p><p><h1 align=center>Prime Minister Narendra Modi also welcomed the formation of Telangana.</h1></p></head></html>

3. Create a webpage which should contain the text as “India is Great”, the text should contain the styles as Bold, Italics, Underlined, Strikethrough, Subscript and Superscript.

<html>

<head>

<title>styles</title>

<b>India Is Great</b><br>

<i>India Is Great</i><br>

<sub>India Is Great</sub><br>

<sup>India Is Great</sup><br>

<u>India Is Great</u><br>

<strike>India Is Great</strike><br>

</head>

</html>

4. Making use of 20 states in INDIA illustrate ordered list and unordered list.

<html>

<head>

<title>list</title>

<body bgcolor="cyan">

<h1 align=center>20 States In India</h1>

<ol type="1">

<li>Telangana</li>

<li>Andhra Pradesh</li>

<li>Orissa</li>

<li>Panjab</li>

<li>Arunachal Pradesh</li>

<li>Himachal Pradesh</li>

<li>Haryana</li>

<li>Sikkim</li>

<li>Rajastan</li>

<li>Goa</li>

</ol>

<ul type="circle">

<li>Assam</li>

<li>Gujarat</li>

<li>Mizoram</li>

<li>Manipur</li>

<li>Meghalaya</li>

<li>Uttar Pradesh</li>

<li>Madhya Pradesh</li>

<li>Jharkhand</li>

<li>Tamilnadu</li>

<li>Kerala</li>

</ul>

</head>

</body>

</html>

5. Create a table of the following format.

STATE	CAPITAL CITY	REGIONAL LANGUAGE
Andhra Pradesh	Hyderabad	Telugu
Telangana	Hyderabad	Telugu
Tamil nadu	Chennai	Tamil
Gujarat	Gandhi Nagar	Gujarati
Maharashtra	Mumbai	Marathi

<html>

<head>

<title>STATES AND CAPITAL CITIES</title>

</head>

<body>

<table Align=center bgcolor=orange border=1>

<tr>

<th>STATE</th>

<th>CAPITAL CITY</th>

<th>REGIONAL LANGUAGE</th>

</tr>

<tr>

<td>Telangana</td>

<td>Hyderabad</td>

<td>Telugu</td>

</tr>

<tr>

<td>Andhra Pradesh</td>

<td>Hyderabad</td>

<td>Telugu</td>

</tr>

<tr>

<td>Tamilnadu</td>

<td>Chennai</td>

<td>Tamil</td>

</tr>

<tr>

<td>Gujarat</td>

<td>Gandhi Nagar</td>

<td>Gujarathi<td>

</tr>

<tr>

<td>Maharashtra</td>

<td>Mumbai</td>

<td>Marathi</td>

</tr>

</head>

</body>

</html>

6. Create a table of the following format

COMPANY	CEO
Microsoft	Satya Nadella
HCL	Shiv Nadar
Google	Sunder Pichai

<html>

<head>

<title>COMPANY CEO</title>

</head>

<body>

<tr>

<th>COMPANY</th>

</tr>

<tr>

<td>Microsoft</td>

<td>Satya Nadella</td>

</tr>

<tr>

<td>Google</td>

<td>Sunder Pichai</td>

</tr>

<tr>

<td>Shiv Nadar</td>

</tr>

</head>

</body>

</html>

7. Create a table of the following format

S.NO	PROFESSION	QUALIFICATION REQUIRED
1	VRA	S.S.C.
2	VRO	Intermediate
3	Panchayat Raj Secretary	Degree
4	Assistant Professor	P.G. with NET
5	Teacher	B.Ed,
6	Advocate	LLB, LLM
7	Sub Inspector	Degree
8	Forest Range Officer	Degree
9	Assistant Statistical officer	Degree

<html>

<head>

<title>PROFESSION</title>

</head>

<body>

<table Align=center bgcolor=orange border=1>

<tr>

<th>S.NO</th>

<th>PROFESSION</th>

<th>QUALIFICATION REQUIRED</th>

</tr>

<tr>

<td>1</td>

<td>VRA</td>

<td>S.S.C.</td>

</tr>

<tr>

<td>2</td>

<td>VRO</td>

<td>Intermediate</td>

</tr>

<tr>

<td>3</td>

<td>Panchayat Raj Secretary</td>

<td>Degree</td>

</tr>

<tr>

<td>4</td>

<td>Assistant Professor</td>

<td>P.G. with NET<td>

</tr>

<tr>

<td>5</td>

<td>Teacher</td>

<td>B.Ed, </td>

</tr>

<tr>

<td>6</td>

<td>Advocate</td>

<td>LLB, LLM </td>

</tr>

<tr>

<td>7</td>

<td>Sub Inspector</td>

<td>Degree</td>

</tr>

<tr>

<td>8</td>

<td>Forest Range Officer </td>

<td>Degree</td>

</tr>

<tr>

<td>9</td>

<td>Assistant Statistical officer</td>

<td>Degree</td>

</tr>

</head>

</body>

</html>

8. Create vertical frame containing two parts which the left part will describe about Telangana state and the right part will describe about Andhra Pradesh state.

TELANGANA STATE

<html>

<head>

<title>heading</title>

<h1 align="center">TELANGANA STATE</h1>

<p><b>December 2009: UPA-II's home minister, Sushilkumar Shinde hints at the fact that the Centre is serious about the recognition of Telangana as a separate state. In this regard, the Srikrishna Committee is set up which had submitted its report in 2010.

December 2012: Home minister Sushilkumar Shinde announces that the decision regarding Telangana will be taken in a month. July 30, 2013: Congress announces the formation of the separate state of Telangana. It is all set to become India's 29th state</b>.</p>

<p><b>June 2, 2014: Telangana formally comes into existence. K Chandrasekhar Rao takes oath as the state's first chief minister.</b></p>

<p><b><u><h1>Countless deaths:</h1></u>The creation of the separate state of Telangana, after a mammoth struggle that spanned close to 60 years, also witnessed horrific incidents of violence throughout the once unified state of Andhra Pradesh. In 2010, it was reported that 73 students had committed suicide and 1,812 students attempted to take their own lives demanding that a separate state of Telangana be created. Also, during the 1969 Telangana Agitation, a crowd of over 1,000 agitators had tried to set fire to a sub-inspector's residence.</b><p>

<p><h1 align=center>Prime Minister Narendra Modi also welcomed the formation of Telangana.</h1></p>

<img src="C:\Users\srnk\Desktop\E-Commerce(lab)\basar.jpg" width=150 height=150>

<img src="C:\Users\srnk\Desktop\E-Commerce(lab)\ramappa.jpg" width=150 height=150>

<img src="C:\Users\srnk\Desktop\E-Commerce(lab)\birla.jpg" width=150 height=150>

<imgsrc="C:\Users\srnk\Desktop\E-Commerce(lab)\peddamma.jpg"width=150 height=150>

</head>

</html>

ANDHRA PRADESH

<html>

<head>

<title>heading</title>

<h1 align="center">ANDHRA PRADESH</h1>

<p><b>Vijayanagara Empire Andhra Pradesh

Musunuri Nayaks defeated Delhi Sultanate in battles thus paving way for another glorious chapter of independent rule under the Vijayanagara Empire (1336-1646) for the Andhra people. King Krishnadevaraya emerged as the tallest emperor in South India by extending his control over deep South, building temples, monuments and patronising fine arts</b>.</p>

<p><b>VIJAYAWADA: For the residual state of Andhra Pradesh it was an eventful year marked by numerous post-bifurcation challenges -- the biggest being the shifting of the administration from Hyderabad to Amaravti, the new state capital coming up near here. </p>

Chief Minister N. Chandrababu Naidu, who had been operating from here since last year but was shuffling between Vijayawada and Hyderabad, too started functioning from his new IGC office</b>.</p>

<p>

<b>Chief Minister N. Chandrababu Naidu, who had been operating from here since last year but was shuffling between Vijayawada and Hyderabad, too started functioning from his new IGC office</b>. </p>

<img src="C:\Users\srnk\Desktop\E-Commerce(lab)\prakasham.jpg" width=150 height=150>

<img src="C:\Users\srnk\Desktop\E-Commerce(lab)\vizag.jpg" width=150 height=150>

<img src="C:\Users\srnk\Desktop\E-Commerce(lab)\tirupati.jpg" width=150 height=150>

</html>

Frame

<html>
<head>
</head>
<title>frames</title>
<frameset colls="25%,25%">
<frame name="8t" src="C:\Users\srnk\Desktop\E-Commerce(lab)\8t.html">
<frame name="8a" src="C:\Users\srnk\Desktop\E-Commerce(lab)\8a.html">
</frameset>
</html>

9. create a table of the following format

<html>

<head>

<title>table</title>

</head>

<body>

<table border=5 align=center>

<tr>

<td>B.Com(Gen)</td>

<td><br></td>

</tr>

<tr>

<td><br></td>

<td>B.Com(Comp)</td>

<td><br></td>

</tr>

<tr>

<td><br></td>

<td>B.Com(Hons)</td>

</tr>

</table>

</body>

</html>

10. Create a table of the following format

<html>
<head>
<title>table</title>
</head>
<body>
<table border=5 align=center>
<tr>
<th>s.no</th>
<th>company name</th>
<th>founder</th>
</tr>
<tr>
<td>1</td>
<td>satyam</td>
<td>ramalinga raju</td>
</tr>
<tr>
<td>2</td>
<td>Wipro</td>
<td>M.H.Hasham Premji </td>
</tr>
<tr>
<td>3</td>
<td>TCS</td>
<td>J.R.D. Tata </td>
</tr>
<tr>
<td>4</td>
<td>Accenture</td>
<td>Clarence Delany, Arthur E Andersen </td>
</tr>
<tr>
<td>5</td>
<td>Deloitte</td>
<td>William Welch Deloitte </td>
</tr>
<tr>
<td>6</td>
<td>Oracle corporation</td>
<td>Laurie Ellison</td>
</tr>
<tr>
<td>7</td>
<td>Dell</td>
<td>Michael S. Dell</td>
</tr>
<tr>
<td>8</td>
<td>Genpact</td>
<td>Pramod Bhasin</td>
</tr>
<tr>
<td>9</td>
<td>Wells Fargo</td>
<td>William Fargo</td>
</tr>
<tr>
<td>10</td>
<td>CSC</td>
<td>Roy Nutt</td>
</tr>
<tr>
<td>11</td>
<td>HCL</td>
<td>Arjun Malhotra</td>
</tr>
<tr>
<td>12</td>
<td>Microsoft</td>
<td>Sathya Nadella</td>
</tr>
</table>
</body>

</html>

SECRETOFSUCCESS

OU Site

B.COM-III Year

Lab Programs(HTML)

LAB PROGRAMS

E-Commerce

2. Create a web page which contains the heading as Telangana state in h1 size . There should be a paragraph describing about Telangana state

<html>

No comments:

Post a Comment

Contact Form

Internal