Lab Manual for INTERNET TECHNOLOGY

INTERNET TECHNOLOGY SUBJECT CODE: 2720214

1

AIM-1 Write a HTML program to print Hello World in browser.

Code:

This is first Web page.

Hello World.

Output:


2

AIM-2 Create a web page illustrating text formatting tags available in html(i.e,

, , ).

Code:

HTML tags

This is HTML Tag Examples.

This is bold Tag.

This is underline Tag.

This is italic Tag.

I am reading writing.

Output:


3

AIM-3: Prepare a sample code for different type of Heading in HTML.

Code:

Heading Tag

This is Heading 1.

This is Heading 2.

This is Heading 3.

This is Heading 4.

This is Heading 5.

This is Heading 6.

Output:


4

AIM-4: Prepare a sample code to illustrate three types of list in HTML.

Code:

HTML Different Types of List

This is unorder List.

beetroot

Ginger

potato

Radish

This is order list.

beetroot

Ginger

potato

Radish

This is Definition List

HTML

This stands for Hyper Text Markup Language.

HTTP

This stands for Hyper Text Transfer Protocol.


5

Output:


6

AIM-5:Create a HTML file that displays three images at left, right and center

respectively in the browser

Code:

Images in webpage


7

AIM-6: Create a below given table.

CODE:

HTML tables

Coloumn 1

Coloumn 2

Coloumn 3

Row 1 Cell 1

Row 1 Cell 2

Row 1 Cell 3

Row 2 Cell 2

Row 2 Cell 3


8

Row 3 Cell 1

Output:


9

AIM-7 Using Frames Divide the web page as follows :

Code:


10

Output:


11

AIM-8: Create a student registration form using the following tags ,

, , , , The registration form must consist of

following information :

First Name, Middle Name, Last Name, Gender (use radio button), Address, Phone

No., email id, Hobbies (use checkbox), City, State, Country, College Name (use

dropdown menu)

Code:

Frorms

First Name :

Last Name :

Gender : Male

Female

Address :

Phone No. :

Email ID :

Mobile No. :

Hobbies : Playing Cricket

Watching movies

Reading Books

City :

State :

Country :

College Name :


12

PIT

PIET

PGDM

PIP

Output:


13

AIM-9 Make a student Registration form using CSS-inline, internal & external style

sheet.

CSS Code:

.main{

margin-left:200px;

width:600px;

border:2px;

background-color:#e9e2a2;

color:#eeffcc;

height:600px;

}

.banner{

width:600px;

margin-top:0px;

height:120px;

background-color:#002244;

text-align:center;

padding-top:40px;

font-size:50px;}

.menu{

width:600px;

margin-top:0px;

height:20px;

background-color:#c9c249;

text-align:center;

padding-top:0px;

font-size:14px;}

.maincontent{

color:#0000CC;

padding-left:60px;


14

text-align:center;

font-size:20px;

padding-top:30px;

}

Code:

Parul University

Parul Institute of Technology

Home

Register Contact Us

Welcome to Parul Institute of Technology Click on the Link Below to

Register for a Computer Programme.


15

Output:


16

AIM-10 Write HTML/CSS Code to create table with 5 rows & 3 coloums that even

no. of rows display in green and odd no. of rows display in white color .

CSS Code:

table {

border-collapse: separate;

border-spacing: 0;

color: #4a4a4d;

font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;

}

th,td {

padding: 10px 15px;

vertical-align: middle;

}

thead {

background: #395870;

background: linear-gradient(#49708f, #293f50);

color: #fff;

font-size: 11px;

text-transform: uppercase;

}

th:first-child {

border-top-left-radius: 5px;

text-align: left;

}

th:last-child {

border-top-right-radius: 5px;

}

tbody tr:nth-child(even) {

background: #5EFB6E;

color: #fff;}


17

td {

border-bottom: 1px solid #cecfd5;

border-right: 1px solid #cecfd5;

}

td:first-child {

border-left: 1px solid #cecfd5;

}

.book-title {

color: #395870;

display: block;}

.text-offset {

color: #7c7c80;

font-size: 12px;}

.item-stock,

.item-qty {

text-align: center;}

.item-price {

text-align: right;}

.item-multiple {

display: block;}

tfoot {

text-align: right;

color: #fff;}

tfoot tr:last-child {

background: #f0f0f2;

color: #395870;

font-weight: bold;}

tfoot tr:last-child td:first-child {

border-bottom-left-radius: 5px;

color: #fff;}


18

tfoot tr:last-child td:last-child {

border-bottom-right-radius: 5px;}

Code:

Tables

COmpany Name

Qty

Price

Parul Institute of Technology

by Jay Patel

In Stock

1

$30.02

Parul Institute of Management

by Shreemad Patel

In Stock


19

2

$52.94

$26.47 2

Parul Institute of Pharmacy

by Pinal Prajapati

Out of Stock

1

$22.23

Parul Institute of Diploma Studies

by DanKumar Yadav

In Stock

1

$30.17

Subtotal

$135.36

Tax

$13.54


20

Total

$148.90

Output:


21

AIM-11 Develop and demonstrate a HTML document that illustrates the use

external style sheet, ordered list, table, borders, padding, color, and the tag.

CSS Code:

p,table,li,{

font-family: "lucida calligraphy", arial, 'sans serif';

margin-left: 10pt;}

p { word-spacing: 5px; }

body { background-color:rgb(200,255,205); }

p,li,td { font-size: 75%;}

td { padding: 0.5cm; }

th { text-align:center;

font-size: 85%;}

h1, h2, h3, hr {color:#483d8b;}

table{

border-style: outset;

background-color: rgb(100,255,105);}

li {list-style-type: lower-roman;}

span{

color:blue;

background-color:pink;

font-size: 29pt;

font-style: italic;

font-weight: bold;}

Code:

Lab program11


22

This header is 36 pt

This header is blue

This paragraph has a left margin of 50 pixels

Name

Email

Dr. Jay

[email protected]

Dr. Pinal

[email protected]

Dr. Shrimad

[email protected]

Dr. Dan

[email protected]

LINUX

Windows

Sailfish

This is a text. This is a text. This is a text. This is a text. This is a

text. This is a text. This is a text. This is a text. This is a text. This is a text.


23

Output:


24

AIM-12 Develop and demonstrate a HTML document that illustrates the use

external style sheet, ordered list, table, borders, padding, color, and the tag.

CSS Code:

label {display:block; margin-left:15px; color:blue; font-size:13pt;}

usn {color:red; font-size:12pt; margin-left: 15px;}

name {color:red; font-size:12pt; margin-left: 15px;}

college {color:red; font-size:12pt; margin-left: 15px;}

branch {color:red; font-size:12pt; margin-left: 15px;}

year {color:red; font-size:12pt; margin-left: 15px;}

email {color:red; font-size:12pt; margin-left: 15px;}

h1 {color:red;font-size:18pt;}

h2 {display:block;color:black;font-size:16pt:}

Code:

Student Information

Student 1

USN: 0314EC003

NAME: Jay

COLLEGE: PIT

BRANCH: ECE

YEAR of JOINING: 2014

EMAIL: [email protected]

Student 2

USN : 0414EC004

NAME: Shreemad

COLLGE: PIT


25

BRANCH: ECE


EMAIL : [email protected]

Student 3

USN : 1414EC007

NAME Pinal

COLLEGE: PIT

BRANCH: ECE


EMAIL: [email protected]

Output:


26

AIM-13 Format your Profile Page Using Different CSS Elements.

(Note: e.g. CSS Background, Text, Font, Tables, Links, Images, Margin ).

CSS Code:

body{background:url(autumn.jpg) no-repeat top left;

background-repeat:repeat;

color:Blue;

margin: 10px 10px 10px 10px;

letter-spacing: 5px;

text-transform: uppercase;

word-spacing: 15px;

text-align: center;

text-decoration: underline;

font-size: 20px;

font-weight: bold;}

Code:

Exp15

This text will be Arial as well.

Names

Jay Patel


27

Output:


28

AIM-14 Design a simple static website using HTML Frameset, Frame Having

Following Structure.

Code:

Output:


29

AIM-15 Write JavaScript to perform the following operations:

A. To calculate sum of 1 to n.

Code:

var num = window.prompt("Enter the number:","");

var n = parseInt(num);

result = sumnaturalno(n);

window.alert("The sum of " + n + "natural number is" + result);

function sumnaturalno(n)

{ var i;

var sum = 0;

for(i = 1;i


30

B. To check if given no. is prime or not.

Code:

var a=prompt("enter a value");

var c=0;

for(var i=2;i


31

Output:

C. To check if given no. is Armstrong or not.

Code:

var b,z,c=0;

var a=prompt("Enter a number");

z=a;

while(z>0)

{

b=z%10;

c=c+(b*b*b);

z=parseInt(z/10);

}

if(a==c)

alert("given no is amstrong number");

else

alert("given no is not an amstrong number");


32

Output:

D. To check if given no. is palindrome or not.

Code:

function Palindrome() {

var revStr = "";

var str = document.getElementById("str").value;

var i = str.length;

for(var j=i; j>=0; j--) {

revStr = revStr+str.charAt(j);}

if(str == revStr) {

alert(str+" -is Palindrome");

}else { alert(str+" -is not a Palindrome");

}}

Enter a String/Number:


33

Output:

E. To find the roots of Quadratic Equation.

Code:

Quadratic Equation

Output:


34

F. To Calculate factorial of n numbers.

Code:

var n = parseInt(window.prompt("Enter the Number:"));

var result = fact(n);

window.alert("Factorial of the given number " + result);

function fact(n)

{

if(n == 0)

return 1;

else

return (n*fact(n-1));}

Output:


35

G. To find highest from given three values.

Code:

max

Output:


36

H. To Prime any Triangle form for given n.

Code :

Star

var n = prompt("Enter value of n");

var x,y;

for(x=0;x


37

/* function calcPrimeNumber(){

var beginNum = document.numbers.firstNum.value;

var endNum = document.numbers.secondNum.value;

var primeNumbs = new Array();

var ctr = 0;

while (beginNum */


38

Beginning Number: End Number:

Output:


39

AIM-16 Create a blog of your favourite subject.

Date post:	18-Dec-2015
Category:	Documents
Upload:	jay-patel
View:	18 times
Download:	3 times

Lab Manual for INTERNET TECHNOLOGY

Documents