html assignment

50
Assignment of Software Lab. on (Html, Java, Visual Basic & Site) Submitted To:- Submitted By:- Lect. Sahil Raja Ravinder Singh 1

Transcript of html assignment

Page 1: html assignment

Assignment

of

Software Lab.

on

(Html, Java, Visual Basic & Site)

Submitted To:- Submitted By:-

Lect. Sahil Raja Ravinder Singh

Roll No. 5828

MBa 2nd Sec.A

SCHOOL OF MANAGEMENT STUDIES

PUNJABI UNIVERSITY PATIALA1

Page 2: html assignment

Sr. No. Title Page No.

1. SIMPLE FONT 3

2. FONT WITH BACGROUND COLOR 4-

3. FONT COLOR PROGRAMME 5-6

4. HEADINGS 6-7

5. FORMULA FUNCTION 7-8

6. IMAGE 8-9

7. LINK 9-10

8. MARQUEE 10-11

9. FOAM 11-14

10. TABLE & ROWSPAN 15-18

11. FOR ORDER 18-19

2

Page 3: html assignment

12. BULLETS 19-20

INDEX

SIMPLE TEXT:-

<html>

<head>

<title>

Ravinder

</title>

</head>

<h3 align="center">Punjabi University, Patiala</h3>

</body>

</html>

3

Page 4: html assignment

FONT WITH BACGROUND COLOR:-

<html>

<head>

<title>

Ravinder

</title>

</head>

<body bgcolor="red">

<p align="right">

<h1>SCHOOL OF MANAGEMENT STUDIES</h1>

</p>

4

Page 5: html assignment

</body>

</html>

Font Color Programme :-

<html>

<head>

<title>

Ravinder

</title>

</head>

<body>

<font size="15" color="red" face="aerial">

School of Management Studies

5

Page 6: html assignment

Punjabi University Patiala

</font>

</body>

</html>

Headings:-

<html>

<head>

<title>

Ravinder

</title>

</head>

<body bgcolor="red">

<h1>Heading 1</h1>

<h2>Heading 2</h2>6

Page 7: html assignment

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>

</body>

</html>

Formula function:-

<html>

<head>

<title>

Ravinder Singh

</title>

<body>

x<sup>2</sup>+y<sup>2</sup>=z<sup>2 & </sup>h<sub>2</sub>o7

Page 8: html assignment

</head>

</body>

</html>

Image programe

<html>

<head>

<title>

Ravinder

</title>

</head>

8

Page 9: html assignment

<body>

<img src="http://punjabiuniversity.ac.in/pages/images/ggsbhw.jpg" width="500" height="300" border="10">

</img>

<br>

</body>

</html>

Link Program

<html>

<head>

<title>

Ravinder

9

Page 10: html assignment

</title>

</head>

<body>

<a href="http://punjabiuniversity.ac.in/pages/images/ggsbhw.jpg" width="500" height="300" border="10">Punjabi university

</a>

</body>

</html>

Marquee prog.

<html>

<head>

<title>

Ravinder

</title>

10

Page 11: html assignment

</head>

<body bgcolor="green">

<marquee direction="left">

<font size="20" color="blue" face="aerial">

SCHOOL OF MANAGEMENT STUDIES

</marquee>

</body>

</html>

Foam:-

<html>

<body>

<font size="5"color="black"face="aerial">

<form>

11

Page 12: html assignment

NAME:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="text"name="name"value="enter your name" size="25"maxlength="30"><br><br>

FATHER's NAME:&nbsp&nbsp&nbsp&nbsp<input type="text"name="name"value="enter your father's name" size="25"maxlength="30"><br><br>

ADDRESS:&nbsp&nbsp&nbsp&nbsp&nbsp<input type="text"name="name"value="enter your address" size="25"maxlength="30"><br><br>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="text"name="name"value="enter your address" size="25"maxlength="30"><br><br>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="text"name="name"value="enter your address" size="25"maxlength="30"><br><br>

PASSWORD:&nbsp<input type="PASSWORD"name="name"value="PASSWORD" size="25"maxlength="30"><br><br>

<th>sex</th><br>

<input type="radio"name="gender"value="male">male<br><br>

<input type="radio"name="gender"value="female">female<br><br>

<th>Your qualification?</th><br>

<input type="radio"name="your qualification"value="graduate">graduate<br><br>

<input type="radio"name="your qualification"value="under graduate">under graduate<br><br>

<input type="radio"name="your qualification"value="postgraduate">post graduate<br><br>

<th>Are you following game?</th><br>

<input type="checkbox"name="hockey"value="hockey">hockey<br><br>

<input type="checkbox"name="cricket"value="cricket">cricket<br><br>

<input type="checkbox"name="football"value="football">football<br><br>

<th>course you want to join?</th><br>

12

Page 13: html assignment

<input type="radio"name="course you want to join?"value="MBA(Regular)">MBA(Regular<br><br>

<input type="radio"name="course you want to join?"value="MBA(Global Business)">MBA(Global Business)<br><br>

<input type="radio"name="course you want to join?"value="MBA(I+I)">MBA(I+I)<br><br>

<input type="radio"name="course you want to join?"value="MBA(C.C.)">MBA(C.C.)<br><br>

<SELECT name="COUNTRY">COUNTRY

<OPTION value="select..">select

<OPTION value="INDIA">INDIA

<OPTION value="PAKISTAN">PAKISTAN

<OPTION value="JAPAN">JAPAN

<OPTION value="CHINA">CHINA

<OPTION value="AMERICA">AMERICA

<OPTION value="AUSTRALIA">AUSTRALIA

<OPTION value="SOUTH AFRICA">SOUTH AFRICA

<OPTION value="CANADA">CANADA

<OPTION value="ENGLAND">ENGLAND

<OPTION value="NEW ZERLAND">NEW ZERLAND

</SELECT><B>COUNTRY</B><BR><BR>

<textarea name="comments"rows="2"cols="20"wrap="virtual">place your comments here</textarea><b>comments</b><br><br>

<input type="SUBMIT"value="submit">

<input type="RESET"value="reset">

<p align="centre">

<br><br>

<a href="file:///C:/Users/sameer/Desktop/site/punjabi%20university.html">back to home13

Page 14: html assignment

</a>

</p>

</form>

</head>

</html>

14

Page 15: html assignment

15

Page 16: html assignment

Table & Rowspan:-

<html>

<head>

<title>

Ravinder

</title>

</head>

<body bgcolor="Green">

<table border="10" bordercolor="Pink" align="center">

<tr>

<th>Company</th>

<th>Model</th>

<th>Version I</th>

<th>Version II</th>

<th> Version III</th>

</tr>

<td rowspan=3>Maruti</td>

<td>Zen</td>

<td>Z1</td>

<td>Z2</td>

<td>Z3</td>

</tr>

<tr>

<td>Swift</td>

16

Page 17: html assignment

<td>S1</td>

<td>S2</td>

<td>S3</td>

</tr>

<tr>

<td>Esteem</td>

<td>E1</td>

<td>E2</td>

<td>E3</td>

</tr>

<td rowspan=3>Toyota</td>

<td>Qualis</td>

<td>Q1</td>

<td>Q2</td>

<td>Q3</td>

</tr>

<tr>

<td>Camry</td>

<td>C1</td>

<td>C2</td>

<td>C3</td>

</tr>

<tr>

<td>Fortuner</td>

17

Page 18: html assignment

<td>F1</td>

<td>F2</td>

<td>F3</td>

</tr>

</table>

<marquee> All cars are available at our showroom</marquee>

<UL type="Square">

<LI><u>MARUTI</u></LI>

<LI>HYUNDAI</LI>

<LI>TOYOTA</LI>

</UL>

<OL>

<LI> SX4</LI>

<LI> XING</LI>

<LI> ETIOS</LI>

</OL>

</body>

</html>

18

Page 19: html assignment

For Order:-

<html>

<head>

<title>

Ravinder Singh

</title>

<body>

<ol>

<th>deptt. of management </th>

<li>mba</li>

<li>global</li>

<li>cc</li>

<th>deptt. of science</th>

19

Page 20: html assignment

<li>physics</li>

<li>chemistry</li>

<li>biology</li>

</ol>

</head>

</body>

</html>

For Bullets:-

<html>

<head>

<title>

20

Page 21: html assignment

Ravinder Singh

</title>

<body>

<ul>

<th>deptt. of management </th>

<li>mba</li>

<li>global</li>

<li>cc</li>

</ul>

</head>

</body>

</html>

21

Page 22: html assignment

PUNJABI UNIVERSITY SITE

22

Page 23: html assignment

Sr. No. Title Page No.

13. Home page 24-26

14. About University 27

15. Courses 28-29

16. Foam 30-31

17. Feedback 31-34

18. Photo gallery 34-36

1.

2.

INDEX

23

Page 24: html assignment

Punjabi University Site

Home Page:-

<html>

<head>

<title>

Punjabi University Patiala

</title>

<body bgcolor="blue">

<h1>

<p align="middle">

<Font size="5"color="orange">

Welcomes You

</font>

</p>

</h1>

<h2>

<marquee direction="left">

<font size="4"color="red"face="georgia">

SCHOOL OF MANAGEMENT STUDIES

<hr width=100% size=5 color="red">

</marquee>

</h2>

<h3>

<p align="middle">

24

Page 25: html assignment

<font size="20"color="yellow"face=algerian">

Punjabi University Patiala<br>

</p>

</h3>

<h4>

<p align="middle">

<img src="http://punjabiuniversity.ac.in/pages/images/ggsbhw.jpg" width="1000"height="300"></a>

</p>

<ul>

<font size="6">

<a href="file:///C:/Users/sameer/Desktop/site/punjabi%20university.html">Home</a>

&nbsp&nbsp&nbsp&nbsp <a href="file:///C:/Users/sameer/Desktop/site/about%20university.html">About University</a>

&nbsp&nbsp&nbsp&nbsp <a href="file:///C:/Users/sameer/Desktop/site/images1.html">Photo Gallery</a>

&nbsp&nbsp&nbsp&nbsp <a href="file:///C:/Users/sameer/Desktop/site/course1.html">Courses</a>

&nbsp&nbsp&nbsp&nbsp <a href="file:///C:/Users/sameer/Desktop/site/form1.html">Admission form</a>

&nbsp&nbsp&nbsp&nbsp <a href="file:///C:/Users/sameer/Desktop/site/feedback1.html">Feedback</a>

</ul>

</font><br>

</h4>

<font size="6">

Student's login<br><br>

</font>

25

Page 26: html assignment

<font size="4">

Username:<input type="text" name="Username"></a><br><br/>

Password:<input type="password" name="pwd"></a><br/>

<input type="SUBMIT"value="Sign in">

</P>

</font><br>

<font size="6">

<p align="middle">

Last date for admission in MBA is <brink>15th,oct2010</brink><br>

</p>

<a href="http://www.punjabiuniversity.ac.in/">For More Information</a></P>

</font>

</body>

</html>

26

Page 27: html assignment

27

Page 28: html assignment

About University:-

<html>

<title>

Pbi. Uni.

<title>

<body>

<font size="6"color="blue">

<li>About University</li><br>

<font size="4"color="black">

Established o April 30, 1962 in the erstwhile princely state of Patiala with the main objective of furthering the cause of Punjabi language, art and literature, Punjabi University has since evolved into the largest University in the state. Spread over 600 acres of land, its 500 teachers are imparting instruction and guidance to nearly 9,000 students in a multi-faceted, multi-pronged and multi-faculty environment comprising 65 Teaching and Research Departments on its Campus, five Regional Centres, six Neighbourhood Campuses and 166 Colleges affiliated to it.

</font><br><br>

<a href="file:///C:/Users/sameer/Desktop/site/punjabi%20university.html">back to home

</a>

</body>

</html>

28

Page 29: html assignment

Courses:-

<html>

<body>

<ul>

<li>Mba(regular)</li>

<li>Mba(Global Business)</li>

<li>Mba(I+I)</li>

<li>Mba(C.C)</li>

</ul>

<p align="centre">

<br><br>

<a href="file:///C:/Users/sameer/Desktop/site/punjabi%20university.html">back to home

</a>

</p>

</body>

</html>

29

Page 30: html assignment

30

Page 31: html assignment

Feedback:-

<html>

<head>

<title>

ravinder

</title>

<body>

<form>

NAME:<br>

<input type="text"name="name"value="enter your name" size="25"maxlength="30"><br><br>

E-mail address:<br>

<input type="text"name="name"size="25"maxlength="30"><br><br>

<textarea name="message"rows="2"cols="20"wrap="virtual">place your message here</textarea><b>message</b><br><br>

<input type="submit"value="send message">

</form>

<p align="centre">

<br><br>

<a href="file:///C:/Users/sameer/Desktop/site/punjabi%20university.html">back to home

</a>

</p>

</body>

31

Page 32: html assignment

</head>

</html>

Foam:-

<html>

<body>

<font size="5"color="black"face="aerial">

<form>

NAME:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="text"name="name"value="enter your name" size="25"maxlength="30"><br><br>

FATHER's NAME:&nbsp&nbsp&nbsp&nbsp<input type="text"name="name"value="enter your father's name" size="25"maxlength="30"><br><br>

ADDRESS:&nbsp&nbsp&nbsp&nbsp&nbsp<input type="text"name="name"value="enter your address" size="25"maxlength="30"><br><br>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="text"name="name"value="enter your address" size="25"maxlength="30"><br><br>

32

Page 33: html assignment

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="text"name="name"value="enter your address" size="25"maxlength="30"><br><br>

PASSWORD:&nbsp<input type="PASSWORD"name="name"value="PASSWORD" size="25"maxlength="30"><br><br>

<th>sex</th><br>

<input type="radio"name="gender"value="male">male<br><br>

<input type="radio"name="gender"value="female">female<br><br>

<th>Your qualification?</th><br>

<input type="radio"name="your qualification"value="graduate">graduate<br><br>

<input type="radio"name="your qualification"value="under graduate">under graduate<br><br>

<input type="radio"name="your qualification"value="postgraduate">post graduate<br><br>

<th>Are you following game?</th><br>

<input type="checkbox"name="hockey"value="hockey">hockey<br><br>

<input type="checkbox"name="cricket"value="cricket">cricket<br><br>

<input type="checkbox"name="football"value="football">football<br><br>

<th>course you want to join?</th><br>

<input type="radio"name="course you want to join?"value="MBA(Regular)">MBA(Regular<br><br>

<input type="radio"name="course you want to join?"value="MBA(Global Business)">MBA(Global Business)<br><br>

<input type="radio"name="course you want to join?"value="MBA(I+I)">MBA(I+I)<br><br>

<input type="radio"name="course you want to join?"value="MBA(C.C.)">MBA(C.C.)<br><br>

<SELECT name="COUNTRY">COUNTRY

<OPTION value="select..">select

<OPTION value="INDIA">INDIA

33

Page 34: html assignment

<OPTION value="PAKISTAN">PAKISTAN

<OPTION value="JAPAN">JAPAN

<OPTION value="CHINA">CHINA

<OPTION value="AMERICA">AMERICA

<OPTION value="AUSTRALIA">AUSTRALIA

<OPTION value="SOUTH AFRICA">SOUTH AFRICA

<OPTION value="CANADA">CANADA

<OPTION value="ENGLAND">ENGLAND

<OPTION value="NEW ZERLAND">NEW ZERLAND

</SELECT><B>COUNTRY</B><BR><BR>

<textarea name="comments"rows="2"cols="20"wrap="virtual">place your comments here</textarea><b>comments</b><br><br>

<input type="SUBMIT"value="submit">

<input type="RESET"value="reset">

<p align="centre">

<br><br>

<a href="file:///C:/Users/sameer/Desktop/site/punjabi%20university.html">back to home

</a>

</p>

</form>

</head>

</html>

34

Page 35: html assignment

Photo Gallery:-

<html>

<head>

<title>

ravinder

</title>

<body>

<img src="http://punjabiuniversity.ac.in/pages/images/7.JPG">

<img src="http://punjabiuniversity.ac.in/pages/images/10.JPG">

<img src="http://punjabiuniversity.ac.in/pages/images/2.JPG">

<img src="http://punjabiuniversity.ac.in/pages/images/5.JPG">

<img src="http://punjabiuniversity.ac.in/pages/images/8.JPG">

<img src="http://punjabiuniversity.ac.in/pages/images/3.JPG">

35

Page 36: html assignment

<img src="http://punjabiuniversity.ac.in/pages/images/3.JPG">

<img src="http://www.punjabiuniversity.ac.in/photos/images/cherrydabagicha/cherrygarden2.JPG">

<img src="">

<img src="">

<img src="">

</img>

<p align="centre">

<br><br>

<a href="file:///C:/Users/sameer/Desktop/site/punjabi%20university.html">back to home

</a>

</p>

</body>

</head>

</html>

36

Page 37: html assignment

37

Page 38: html assignment

Java & Visual Basic Programmes

<html>

<body>

<script language="javascript">

var i,n,a,b;

a=0;

b=1;

document.write(a+"<br>");

document.write(b+"<br>");

i=3;

n=parseInt(prompt("enter the end value","value"));

do

{

c=a+b;

document.write(c+"<br>");

a=b;

b=c;

i++;

}

while(i<=n)

38

Page 39: html assignment

</script>

</body>

</html>

SWICH CASE:-

<html>

<body>

<script language = "javascript">

var ch;

ch=prompt("enter character");

switch(ch)

{

39

Page 40: html assignment

case 'a':

{

document.write("a is a vowel");

break;

}

case 'e':

{

document.write("e is a vowel");

break;

}

case 'i':

{

document.write("vowel");

break;}

case 'o':

{

document.write("vowel");

break;

}

case 'u':

{

document.write("vowel");

break;}

40

Page 41: html assignment

default:

{

document.write("consonant");

break;}

}

</script>

</body>

</html>

FOR PROG.:-

<html>

<body>

41

Page 42: html assignment

<script language= "javascript">

var i,n;

for(i=1;i<=100;i++)

{

if(i%3==0&&i%5==0)

{

document.write("<br>"+i);

}

}

</script>

</body>

</html>

42

Page 43: html assignment

WHILE CASE:-

<html>

<head>

<body>

<script language="javascript">

var a,s,p,d,r;

b=parseInt(prompt("enter the number"));

c=parseInt(prompt("enter the number"));

ch=prompt("enter the letter");

a=(b+c);

s=(b-c);

p=(b*c);

d=(b/c);

switch (ch)

{

case 'a':

{

r=(b+c);

document.write(r);

break;

}

case 's':

{

r=(b-c);

document.write(r);43

Page 44: html assignment

break;

}

case 'p':

{

r=(b*c);

document.write(r);

break;

}

case 'd':

{

r=(b/c);

document.write(r);

break;

}

default:

{

document.write("invalid");

}

}

</script>

</body>

</head>

</html><html>

<head>

<body>

44

Page 45: html assignment

<script language="javascript">

45

Page 46: html assignment

46