/ tJjos/4.

J
WTA

L~
: J<a> . , , .
JirtJM (»U ~ ·• ~ ~ ~ ~ .cJid. ahJt?I
- 1-ITML
/am; I f } ~ ·w(,bpaµ 0-5 ~ . .
-'1-¼ili_ Cavi alf,uh-l ~~, ~~ tfltvtl ~ -
~~/ I ~ ...

wtwu a ~ ~ ~ 1 • • • •

,·

;it~ J:paJl4 ~ -~ :th(, ~ :

..
\ • t
'
' !\

• "
..... ..
"
.
.
\

.... ....
A '

efJ: · . ' .. , ,1:~.l-HLllD11A1J. CfJ1Yll<,/fA,'J

~4 ht,tf ::.''1Mit: llmy(ollt<Je .'Co#tl I'>' ~ =~ · •
j1) <: Cmg 7

< trng 7 ~-U UM ;q; ~ ~ ..t'nlc,-4., WCbpu,µ

4vk ~ ~
Cln)

~~
I¼. l'l1r{
~a ~ ~
~~~.
~~ C{Jt(
•
1

d/; .iJIU,~ ~~ IPitJ.4-(,IUtL ·

c,sYc-~'-¾lr:dtr,9! f<Yl ,,(}'~
l) a,U - ~~ ~
 ~: -1.,4Y/4'_;;,
<lm3 str. =- uu ,J
1
, (Jjj, ::: aall~
~

<IJYJg
,
stC-: 11 ahc. JPJ ,)
6J:,/, -
I(.~ IJ
•
>

~h a,/t CLtt/tiA,,,wt<. ~ f ldt,~ A.lfti fOi ~

..:-t .UW/. ,{(e1 ffJ'hc1,hUIJ&1,-i, (,IJ,r/C 1/4.,lrJ' ;ut
.. %-~pt .Jl-g-1.-r} ~ ) l4li ¢,,40, . t 4 ~
~.

<dii- CUI#~~)~ . . • i ..
'
4-n/ >1-/dlo-~ ~ </1,/ >
<p 7 J'JLlve CU{ ~ < Ip>
; 4/i,v > '
 ~ ..C.p!ll / '
Ul¼ '-½ t-h
& ¼ f011d ~
JJ1tpiWwtJ.,/z(_v<fo
~
~ ~
</~7

Jt.~ri~trG--URL _~ '~
. ~
~$)(_{/;tJ J,h l-l7/'V1[s
~ t(_ r~fJf U R l ~ . ' ._. .
> .• . •
l)~U~L'. . . . . .

- ~ ~ ~ Uf<L ~ 6.Gt4~ ntM-yzt a,,,y/

~ -1Pt1,tf!~ , d t ( / l V t / , ~ ~ ~
. ~ .wiA:.le 'hu,:11,, ~ .
- ~ UJtd i.(I~ Ja/),(q(,f) ~
f1'~
< tA,, ~(- -;: fffvup s; II ~ •tr'1 I)),> MY Ct)U t'CtlJ: ,CL~);,
 ~

~• ~ 6/2,(, =er hfb. , #1'>

~1161.~~ .
-1lJocrype irt"'1,/,"?
<lJttn,)
\ '
<~>

<-ti/4, > ~ -Uh/2. <-I~>

c¼> \ \

~~/ .

~ J:iu WI <!If; j >

-<lvt;,
<f> . ~
1
• •

~ - ~ ,,,,?..
4
-< f.ref:: rrh ttp<J;'/( wv. .
<tv ~-</a;,
4I /J(JtJy/
c:;,fMfti,{)
. . .
ti/-~
<ul?
<ll7 UJ/la</£!'>
<117 fvtltlz<Zll:>
C .f,iJ j1A G1 I/> ·-
<lvt1> -i.vi -u .,~... I '

~tfl°? . -.
~&i~HfMLldt
-dJu <rrl>krlij ~ lhJ ~ M , ~~
A IL I,, ~. t. ~-1 ✓
~ lu h I ~ H/f.£{/l ff! A.Mfl-
A ,IYL
I LA/V f
I
~ ,-... /
)
/'~_/
•• :,, - " ' '

-i{,4~;to,dlfr~uut-t hi,t~
&,.'
<rx,
<ii ? r..efk </.a>
C,{A,':> ti/4,~ IIA~;>
C l/n7

\ .
 == -·

· P/uYLf/1A/- ~
5, ;}lJ(llJj, 9tlJ{l "{ fe{Jgwt.,rJ
! I;,
I ·I

Cl.. <f\.(W->

·~
- tJ/u <,UW:,> ~ dJ.{-triJ.J a w_ o( 1ttW{'jdkn .f.ittp

- '~41- > e~~ ,~44 C l ~ at a fJ-1)1-{, 4

~ .(~JJril?J;-ro- 0thvi, ~ ~ ~
~ ~ ¾ ~~-
- ~ Q/(,4 {;&1 ~ f ~~~-
..
b.<~> .

~ ~ ~ et-~
~~ ~
'Y-N, < ~ >

~
Q

4 .uJ-1,, 01 ,,
c < aJtc/.c;;,
O

!'
1!11'
-';j-h <OJ£dt;, tat~
~ .if 4 p{«,ed_ ~
Jerri<,~~ '~
' '\'
~
'
'

-< ~ > ~ 4 -~ ~ IJ1 ~ Mcci

~ , '

-:Jt~bt ~~~~ -
~' . ' '•
 ££l&ttt /h(_ ]

It{~~~,,
1 _~&J J \ 0..., .>
'::J.. ~ .f,h,J Af){;_ fJd d}Jf11»; i //1~,it,f {/~1!> /A
C.S's 01.:l.h ~ .. '

e 'v'C.'1 lba IC-f;J

~

'I

- ~ ~ ~ 1J1J.tJ :tfJ JJM1f-j i,dt(}:l;Jh rwt,W~ ,,u,

~ ~ ru.9t ,,

-~
-~
~~-V-U?L U-/, ,j,p:UJ, ,ui ,;thr,weJxl.~-

~:
VCs l~ Ittj/J ~I ~ Icef¼>M, / ./,uJid J4tJvr4 ·
~~
 ·~ ..
-{}h ~{ltbfx/d1 .th UJ tu~ ✓~- -Jh.
~ CtW.lj ~ 1 .h1 Mfa;.,.,t I o,{r, J IJJu

~ .th bJ, f/4,a.d_9ft J,N 6.4JfC/jt ; .

..
- ;J)i/4~4 .cw.a;cy~.I.U~8f
~ -hvr,u tJ-f l{ wUo /u?'.
~!

4Csf/4.y: ~ · . . ,

~ Uut) i<J~:cu,, ~CiJ~ ~

~ ti I/ II I/ Q h L '/ ....,.i.'

~ ~~~
4 . U'L(Jl/f<..
U-llt} ;t:fJ, .

fu4(, ~ ~ Q./a_ f{vir-~ WCI,.

6.H

yd If~ .~hvr.f ~
I/ Cf C4C{

l •
;-
 . ~I
I

&--~
6 !4
~ 4 ~.-'.ffin-.~
~
\ ;~ _,· '
. /)Nt
'
-
0
~~_;_

a ~ ~ ~ /4!J ~-:1, <9ti.t E H ~

~ - ~ ht ~ 0~ <? ~ o-6 ~ ~
~-'

<~>
<Ct1J~>

~~~~--
<b-1,)

<4fzut ~ - = ( ~ ? )
tr {)
~:c
~
0
~ h/i.:> . = i<J. 11
~c
<A,~ ~ = I f ~ J)

~=trJun)I

< Jt;}),>
~ :: 111-<1- ' ' >.7t:wzt

<~~:.f~JJ
~ _: ti~ I)

~ :: ((t;-4-II >I~
~/,A;;
<, / , ~~ ~ I.~ ~
<r~.J
4~>
Form Structure

gend>Details</ legend>
<P>
<label >Title: </label >
<input type•" text" name• "ti tle"
</P>
<P>
<label >Country: </label >
- - - - - - - <select name•"where">
<Option>Choose a country</option>
<option>Canada</option>
<Option>Finland</option>
<option>United States </option>
</select>
</p>
<input type• "s ubmi t" / >
</fieldset>
< form>

interact with servers

How forms int

4 .. • .

The user's form data

is sent to the server
within the request.

Section

<form> element

Two essential features of any form,

namely the action and the method
attribute.

• The action attribute specifies

the URL of the server- side
resource that will process the
form data
<fo.......,> element
Two essential features of any form,
namely the action and the method
attribute.

The action attribute specifies

the URL of the server- side
resource that will process the
form data

The method attribute specifies

how the query string data will
be transmitted from the browser
to the server.

POST
MICROFO

•:• The web has millions of

pages in it. Yet despite the
incredible variety, there is a
surprising amount of
similar information from
site to site.

•:• Most sites have some type

of Contact us pages.

•:• Similarly, many sites

contain calendar of
upcoming events or
information about products
or news.

•:• The idea behind

microformats is that if this
type of common
...
information were tagged in ..
similar ways, then
automated tools would be
able to gather and
transform it.

•:• A microformat is a small

pattern of HTML markup
and attributes to represent
common blocks of
information such as people,
events, and news stories so
that the information in
them can be extracted and
indexed by software agents.

•:• One of the most common

What Does Query String
Mean?
A query string is the portion of a URL where data is
passed to a web application and/or back-end
database. The reason we need query strings is that
the HTTP protocol is stateless by design. For a
website to be anything more than a brochure, you
need to maintain state (store data). There are a
numb er of ways to do this: On most web servers,
1

you can use something like session state server-

side. On the client, you can store via cookies. Or in
the URL, you can store data via a query string.
For example, in the URL below, the balded area is the
query strin g tha t was generated when the term
"dat aba se" was searched on the Techopedia
website.

//ww w.te cho ped ia.c om/ sea rch. asp x?

q=database§ion=all