HTML Lab Manual

8/10/2019 HTML Lab Manual

1/41

WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m

#.a$ C%eate a simpe HTML page &hi!h 'em"(st%ates the )se "* the +a%i")s t,pes "* ists

HTML Lists

Unordered Lists

Apple

Banana

Grapes

Mango

Ordered Lists

e! "elhi

Hyderabad

Mumbai#hennai

"e$inition Lists

%2&'

%a(a 2 &tandard 'dition is $or &tand)alone appli*ations

%2''

%a(a 2 'nterprise 'dition is $or +eb)based appli*ations%2M'

%a(a 2 Mobile 'dition is $or de(eloping Mobile appli*ations

O)tp)t-

1


2/41


#.$ C%eate a HTML tae *"% Time Tae

Time Table O$ #&' Bran*h

"ayLe*ture timings

1) to 1)31)3 to )4)4 to )5)5 to 2)22)3 to )

4)4 to 2652)5 to 562

Monday

+t

A*a

"!"m

M*

p

Tuesday

+t

M*

&pm

"!"m

2


3/41


A*a

p

A*a

+ednesday

p

A*a

M*

+t

"!"m

&pm

"m"!

Thursday

+t

p

&pm

A*a

p

"!"m

M*

7riday

3


4/41


+t

M*

&pm

A*a

p

&aturday

A*a

M*

&pm

+t

p

"!"m

M#

Time Table

O)tp)t-

4


5/41


/. a$W%ite HTML !"'e t" !%eate a *%ameset &ith t&" +e%ti!a *%ames -the *i%st *%ame is /01 pi2es

&i'e. 3i the *i%st *%amee*t 5+e%ti!a$ &ith links.html. Se!"(' *%ame *)%the% 'i+i'e' i(t" t&"

h"%i6"(ta *%ames411p27801p2$.3i the T"p *%ame %ight5t"p$&ith cse.htmla('

B"tt"m%ight5"tt"m$ &ith it.html

h"me.htm

+el*ome 7ile

tite.htm

+el*ome To its)

&et

=arimnagar

!se.htm

#omputer &*ien*e and 'ngineering

+el*ome To #&'

it.htm

n$ormation Te*hnology

+el*ome To T

O)tp)t-

5


6/41


/.$ W%ite a a+a s!%ipt that %ea's a( i(tege% a(' 'ete%mi(es a(' 'ispa,s &hethe% it is a( "'' "%

e+e( ()me%

'(en)Odd %a(a&*ript

$un*tion *he*.?@

(ar ,parsent?$6t6(alue@C

i$?D2,,@

!indo!6alert?-'(en umber E-@C

else

!indo!6alert?-Odd umber E-@C

F

6


7/41


'nter a umber


8/41


8.$P%"g%am *"% "(s)mit e+e(t

on&ubmit '(ent Handler

'ample o$ on&ubmit '(ent Handler

Type your name and press the button


9/41


8.!$p%"g%am *"% "(!i!; e+e(t

'ample o$ on#li*. '(ent Handler

'ample o$ on#li*. '(ent Handler #li*. on the button a$ter inputting your name into the tet bo


10/41


4$


11/41


HOM'

LOG

;'G&T;ATO

")tp)t-

8$ Tite.htm

OL' BOO= &TO;AG'

")tp)t-

4.a$ L"gi(.htm

Login 7orm

11


12/41


UserameJass!ord

")tp)t-

4.$ L"gmsg.htm

U are Logged n &u**ess$ully

")tp)t-

0.a$ Reg.htm

;egistration 7orm

;egistration 7orm

12


13/41


99o 7ield &hould Be Le$t Blan.99

User ameJass!ord

#on$irm Jass!ordame

"ate o$ Birth

dd

2

5

4

3

0

N1

25

4

3

0

N

1

22

22

25

24

23

220

2N

21

55

mm

%an

$eb

mar

apr

may

Kune

Kuly

13


14/41


aug

sep

o*t

no(

de*

yy103

10

100

10N

101

1N

1N

1N2

1N5

1N4

1N3

1N1N0

1NN

1N1

11#ountry

sel

Australia

Austria

Bangladesh

Barbados

Bermuda

#hina#uba

"enmar.

'urope

ndia

Ja.istan

U&AGenderMale7emale

'mail d

Address&e*urity Suestion

sele*t a Suestion

+hat is your $irst s*hools name

+hat is your pet name

+hat is your husbands name

+hen did u $irst met your partner

Ans!er

&e*urity Suestion2

14


15/41


sele*t a Suestion

+hen did u $irst sa! ur g$

+hat is ur $a(ourite dish

+hen did u $irst sa! ur b$

+hat is ur pets name Ans!er

")tp)t-

0.$Regmsg.htm

U are ;egistered &u**ess$ully

")tp)t-

>$ Msg.htm

+el*ome to Online boo. storage6

Jress login i$ you are ha(ing id8

other!ise press registration6

")tp)t-

15


16/41


0$


17/41


/$ Li(;s.htm

HOM'LOG

;'G&T;ATO

")tp)t-

8$ Tite.htm

17


18/41


OL' BOO= &TO;AG'

")tp)t-

4$ Msg.htm

+el*ome to Online boo. storage6

Jress login i$ you are ha(ing id8

other!ise press registration6

")tp)t-

0.a$ B";!at.htm

18


19/41


Boo. TitleVnbspC

")tp)t-

0.$Ne2t.htm

TitleVnbspC

AuthorVnbspC

")tp)t-

19


20/41


0.!$Ne2t/.htm

Login "

Title

o o$ Boo.s

#ost"ate

Wdd/mm/yyyyX

")tp)t-

0.'$ Ne2t8.htm

20


21/41


Login "Jass!ord

Amount#redit #ard o

")tp)t-

>$W%iteJavaScriptt" +ai'ate the *""&i(g *ie's "* the a"+e %egist%ati"( page.

#. Name Name sh")' !"(tai(s aphaets a(' the e(gth sh")' ("t e ess tha( >

!ha%a!te%s$.

/. Pass&"%' Pass&"%' sh")' ("t e ess tha( > !ha%a!te%s e(gth$.

8. E?mai i' sh")' ("t !"(tai( a(, i(+ai' a(' m)st *""& the sta('a%' patte%(

(ame@'"mai(.!"m$

4. Ph"(e ()me% Ph"(e ()me% sh")' !"(tai( #1 'igits "(,$.

L"gi(.htm

Login 7orm

$un*tion (alidate?@

(ar uname,login6uid6(alueC

(ar pas!d,login6p!d6(alueC

i$?uname6length,,@

alert?-'nter User ame-@C

21
mailto:[email protected]:[email protected]


22/41


23/41


;egistration 7orm

99o 7ield &hould Be Le$t Blan.99

$un*tion (alidate?@

(ar uname,reg6uid6(alueC

(ar pas!d,reg6p!d6(alueC (ar tnam,reg6tname6(alueC

(ar tpd,reg6tp!d6(alueC

(ar tans,reg6ans6(alueC

(ar t2ans,reg6ans26(alueC

(ar taddr,reg6addr6(alueC

(ar teid,reg6eid6(alueC

(ar date,reg6date6(alueC

(ar month,reg6month6(alueC

(ar year,reg6year6(alueC

i$?uname6length,,@

alert?-'nter User ame-@C reg6uid6$o*us?@C

return $alseC

F

i$?uname6length


24/41


F

i$?tnam6length,,@

alert?-'nter ame-@C

reg6tname6$o*us?@C return $alseC

Fi$?date,,--@

alert?-*hoose a date $or date o$ birth-@C

reg6date6$o*us?@C

return $alseC

F

i$?month,,--@

alert?-*hoose a Month $or date o$ birth-@C

reg6month6$o*us?@C

return $alseC

Fi$?year,,--@

alert?-*hoose an ear $or date o$ birth-@C

reg6year6$o*us?@Creturn $alseC

F

i$?E?year,,-2- YY year,,-- YY year,,-- YY year,,-4-@ VV month,,-2- VV date,,-21-@

alert?-n(alid "ate-@C

reg6date6$o*us?@C

return $alseC

Fi$?month,,-2- VV date>21@


reg6date6$o*us?@C

return $alseC

Fi$??month,,-4- YY month,,-- YY month,,-1- YY month,,--@ VV date>5@


reg6date6$o*us?@C return $alseC

F i$?reg6*ountry6(alue,,@

alert?-&ele*t #ountry-@C

reg6*ountry6$o*us?@C

return $alseC

F

i$?teid6length,,@

24


25/41


alert?-'nter 'mail d-@C

reg6eid6$o*us?@C

return $alseC

F

i$?teid6lastndeO$?Z@,,) YY teid6lastndeO$?6@,,)@

alert?-'mail should *ontain Z and 6-@C reg6eid6$o*us?@C

return $alseC

F

i$?teid6*harAt?@,,-6- YY teid6*harAt?@,,-Z- YY teid6*harAt?@,,-6- YY teid6*harAt?@,,-Z- YY

teid6lastndeO$?Z@>teid6lastndeO$?6@@

alert?-n(alid 'mail 7ormat-@C

reg6eid6$o*us?@C

return $alseC

F

i$?taddr6length,,@

alert?-'nter Address-@C

reg6addr6$o*us?@C

return $alseC

F i$?reg6ues6(alue,,@

alert?-&ele*t a Suestion-@C

reg6ues6$o*us?@C

return $alseC

F

i$?tans6length,,@

alert?-'nter Ans!er -@C

reg6ans6$o*us?@C

return $alseC

F

i$?reg6ues26(alue,,@

alert?-&ele*t Suestion 2-@C

reg6ues26$o*us?@C

return $alseC

F i$?t2ans6length,,@

alert?-'nter Ans!er 2-@C

reg6ans26$o*us?@C

return $alseC

F F

User ame

25


26/41


Jass!ord

#on$irm Jass!ord

ame

"ate o$ Birth

dd

2

5

4

3

0

N

1

2

54

3

0N

1

2

2

22

25

24

232

20

2N

21

5

5

mm

%an

$ebmar

aprmay

Kune

Kuly

aug

sep

o*t

no(

de*

26


27/41


yy

103

10

10010N

1011N

1N

1N2

1N5

1N4

1N3

1N

1N0

1NN

1N1

11

#ountrysel

Australia

Austria

BangladeshBarbados

Bermuda

#hina

#uba

"enmar.

'urope

ndia

Ja.istanU&A

GenderMale7emale

'mail d

Address

&e*urity Suestion

sele*t a Suestion

+hat is your $irst s*hools name

+hat is your pet name+hat is your husbands name

+hen did u $irst met your partner Ans!er

&e*urity Suestion2

sele*t a Suestion

+hen did u $irst sa! ur g$

+hat is ur $a(ourite dish

+hen did u $irst sa! ur b$

+hat is ur pets name

27


28/41


Ans!er

")tp)t-

$


29/41


6image

tet)alignle$tC

$ont)$amily-monotype *orsi(a-C

$ont)!eightC

F6image

ba*.ground)imageurl?-#I"o*uments and &ettingsIAll UsersIMy "o*umentsIMyJi*turesI.rishna6Kpg-@C

ba*.ground)atta*hment$iedC

ba*.ground)repeatno)repeatC

!idth3C

height3C F

table align*enterCborderC

border)styleridgeC

border)*oloryello!CF

htm.htm-

6lin. tet)de*orationnoneC$ont)!eightboldC*ursor*rosshairCF

6ylin.tet)de*orationunderlineC$ont)!eightboldC*ursorhelpCF

;eg Lin.VnbspCVnbspC

Help Lin.

JJ&T
JJ&T
#&'

JJ&T

#&'

7ruits

Mango

")tp)t-

29


30/41


$W%ite a( XML *ie &hi!h &i 'ispa, the B""; i(*"%mati"( &hi!h i(!)'es the *""&i(g-

#$ Tite "* the "";

/$ A)th"% Name

8$ ISBN ()me%

4$ P)ishe% (ame

0$ E'iti"(

>$ P%i!eW%ite a


31/41


ditelVampCditel

25)43)0N

person

5

43

XML '"!)me(t Dai'ati"( )si(g


32/41


'(eryday talian

Giada "e Laurentiis

23

56

Harry Jotter

% =6 ;o!ling

23

21611

Learning [ML

'ri. T6 ;ay

25

51613

"";st"%e.2s-

My Boo.s *olle*tion

title

author

")tp)t-

32


33/41


9$ a.W%ite a se%+et p%"g%am *"% a''iti"( "* the t&" ()me%s

.W%ite a se%+et p%"g%am *"% s)t%a!ti"( "* the t&" ()me%s

a$A''.a+a

import Ka(a6io69C

import Ka(a6ser(let69C

import Ka(a6ser(let6http69C

publi* *lass Add etends Http&er(let

publi* (oid doGet?Http&er(let;euest reuest8 Http&er(let;esponse response@

thro!s O'*eption8 &er(let'*eption

response6set#ontentType?-tet/html-@C

Jrint+riter out , response6get+riter?@C

int ,nteger6parsent?reuest6getJarameter?-a-@@C

int y,nteger6parsent?reuest6getJarameter?-b-@@C

int sum,yC

out6println?-Addition,-sum@C

out6*lose?@C

FF

a'.htm


34/41


We.2m

Hello

Add

Hello

/Addition&ubtra*tion

$S).a+a

import Ka(a6io69C



publi* *lass &ub etends Http&er(let

publi* (oid doGet?Http&er(let;euest reuest8 Http&er(let;esponse response@




int ,nteger6parsent?reuest6getJarameter?-a-@@Cint y,nteger6parsent?reuest6getJarameter?-b-@@C

int sub,)yC

out6println?-&ubtra*tion,-sub@C

out6*lose?@C

F

F

s.htm


35/41


36/41


#1$ a. W%ite a SP appi!ati"( t" p%i(t # t" #1 ()me%s

. W%ite a SP p%"g%am that 'ispa,s !)%%e(t 'ate a(' time

a$ ()mp%i(t.sp

%&J Jrints to

Jrinting to

")tp)t-

36


37/41


$ 'ate.sp

"ate V Time %&J

37


38/41


##$.C%eate a HTML *"%m &ith t&" i(p)t *ie's )se% (ame a(' age. pass these +a)es t" a se%+et. I(

the se%+et7 'ete%mi(es &hethe% )se% is eigie t" +"te "% ("t a(' 'ispa, the %es)t a!; t" !ie(t.

D"te.a+a

import Ka(a6io69C



publi* *lass ote etends Http&er(let

publi* (oid ser(i*e?Http&er(let;euest reuest8 Http&er(let;esponse response@




&tring name,reuest6getJarameter?-uname-@C

int age,nteger6parsent?reuest6getJarameter?-uage-@@C

i$?age


39/41


+"te.htm-

'nter ame

'nter Age


40/41


#/.W%ite a se%+et p%"g%am that 'ispa,s !)%%e(t 'ate a(' time

"ate&r

"ate&er(let

"ate&r

40


41/41


/"ate"isplay

")tp)t-

Documents

HTML Lab Manual