HTML Lab Manual
-
Upload
pavanjammula -
Category
Documents
-
view
566 -
download
8
Transcript of 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
-
8/10/2019 HTML Lab Manual
2/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
#.$ 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
-
8/10/2019 HTML Lab Manual
3/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
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
-
8/10/2019 HTML Lab Manual
4/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
+t
M*
&pm
A*a
p
&aturday
A*a
M*
&pm
+t
p
"!"m
M#
Time TableO)tp)t-
4
-
8/10/2019 HTML Lab Manual
5/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
/. 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
-
8/10/2019 HTML Lab Manual
6/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
/.$ 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
-
8/10/2019 HTML Lab Manual
7/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
'nter a umber
-
8/10/2019 HTML Lab Manual
8/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
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
-
8/10/2019 HTML Lab Manual
9/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
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
-
8/10/2019 HTML Lab Manual
10/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
4$
-
8/10/2019 HTML Lab Manual
11/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
HOM'
LOG
;'G&T;ATO
")tp)t-
8$ Tite.htm
OL' BOO= &TO;AG'
")tp)t-
4.a$ L"gi(.htm
Login 7orm11
-
8/10/2019 HTML Lab Manual
12/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
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
-
8/10/2019 HTML Lab Manual
13/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
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
-
8/10/2019 HTML Lab Manual
14/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
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
-
8/10/2019 HTML Lab Manual
15/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
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 id8other!ise press registration6
")tp)t-
15
-
8/10/2019 HTML Lab Manual
16/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
0$
-
8/10/2019 HTML Lab Manual
17/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
/$ Li(;s.htm
HOM'LOG
;'G&T;ATO
")tp)t-
8$ Tite.htm
17
-
8/10/2019 HTML Lab Manual
18/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
OL' BOO= &TO;AG'
")tp)t-
4$ Msg.htm
+el*ome to Online boo. storage6
Jress login i$ you are ha(ing id8other!ise press registration6
")tp)t-
0.a$ B";!at.htm
18
-
8/10/2019 HTML Lab Manual
19/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
Boo. TitleVnbspC
")tp)t-
0.$Ne2t.htm
TitleVnbspC
AuthorVnbspC
")tp)t-
19
-
8/10/2019 HTML Lab Manual
20/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
0.!$Ne2t/.htm
Login "
Title
o o$ Boo.s
#ost"ate
Wdd/mm/yyyyX
")tp)t-
0.'$ Ne2t8.htm
20
-
8/10/2019 HTML Lab Manual
21/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
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] -
8/10/2019 HTML Lab Manual
22/41
-
8/10/2019 HTML Lab Manual
23/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
;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
-
8/10/2019 HTML Lab Manual
24/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
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@
alert?-n(alid "ate-@C
reg6date6$o*us?@C
return $alseC
Fi$??month,,-4- YY month,,-- YY month,,-1- YY month,,--@ VV date>5@
alert?-n(alid "ate-@C
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
-
8/10/2019 HTML Lab Manual
25/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
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
-
8/10/2019 HTML Lab Manual
26/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
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
-
8/10/2019 HTML Lab Manual
27/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
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
-
8/10/2019 HTML Lab Manual
28/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
Ans!er
")tp)t-
$
-
8/10/2019 HTML Lab Manual
29/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
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
-
8/10/2019 HTML Lab Manual
30/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
$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
-
8/10/2019 HTML Lab Manual
31/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
ditelVampCditel
25)43)0N
person
5
43
XML '"!)me(t Dai'ati"( )si(g
-
8/10/2019 HTML Lab Manual
32/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
'(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
-
8/10/2019 HTML Lab Manual
33/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
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
-
8/10/2019 HTML Lab Manual
34/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
We.2m
Hello
Add
Hello
/Addition&ubtra*tion
$S).a+a
import Ka(a6io69C
import Ka(a6ser(let69C
import Ka(a6ser(let6http69C
publi* *lass &ub 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-@@Cint y,nteger6parsent?reuest6getJarameter?-b-@@C
int sub,)yC
out6println?-&ubtra*tion,-sub@C
out6*lose?@C
F
F
s.htm
-
8/10/2019 HTML Lab Manual
35/41
-
8/10/2019 HTML Lab Manual
36/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
#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
-
8/10/2019 HTML Lab Manual
37/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
$ 'ate.sp
"ate V Time %&J
37
-
8/10/2019 HTML Lab Manual
38/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
##$.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
import Ka(a6ser(let69C
import Ka(a6ser(let6http69C
publi* *lass ote etends Http&er(let
publi* (oid ser(i*e?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
&tring name,reuest6getJarameter?-uname-@C
int age,nteger6parsent?reuest6getJarameter?-uage-@@C
i$?age
-
8/10/2019 HTML Lab Manual
39/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
+"te.htm-
'nter ame
'nter Age
-
8/10/2019 HTML Lab Manual
40/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
#/.W%ite a se%+et p%"g%am that 'ispa,s !)%%e(t 'ate a(' time
"ate&r
"ate&er(let
"ate&r
40
-
8/10/2019 HTML Lab Manual
41/41
WEB TECHNOLOGIES LAB EXTERNAL PROGRAMS mahesh.tp49@gmai.!"m
/"ate"isplay
")tp)t-