html assignment

Post on 28-Mar-2015

159 views 0 download

Transcript of 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

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

12. BULLETS 19-20

INDEX

SIMPLE TEXT:-

<html>

<head>

<title>

Ravinder

</title>

</head>

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

</body>

</html>

3

FONT WITH BACGROUND COLOR:-

<html>

<head>

<title>

Ravinder

</title>

</head>

<body bgcolor="red">

<p align="right">

<h1>SCHOOL OF MANAGEMENT STUDIES</h1>

</p>

4

</body>

</html>

Font Color Programme :-

<html>

<head>

<title>

Ravinder

</title>

</head>

<body>

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

School of Management Studies

5

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

<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

</head>

</body>

</html>

Image programe

<html>

<head>

<title>

Ravinder

</title>

</head>

8

<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

</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

</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

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

<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

</a>

</p>

</form>

</head>

</html>

14

15

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

<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

<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

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

<li>physics</li>

<li>chemistry</li>

<li>biology</li>

</ol>

</head>

</body>

</html>

For Bullets:-

<html>

<head>

<title>

20

Ravinder Singh

</title>

<body>

<ul>

<th>deptt. of management </th>

<li>mba</li>

<li>global</li>

<li>cc</li>

</ul>

</head>

</body>

</html>

21

PUNJABI UNIVERSITY SITE

22

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

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

<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

<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

27

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

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

30

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

</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

&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

<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

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

<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

37

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

</script>

</body>

</html>

SWICH CASE:-

<html>

<body>

<script language = "javascript">

var ch;

ch=prompt("enter character");

switch(ch)

{

39

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

default:

{

document.write("consonant");

break;}

}

</script>

</body>

</html>

FOR PROG.:-

<html>

<body>

41

<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

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

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

<script language="javascript">

45

46