Scribd
Upload
13 views7 pages

Web - Assignment 1

The document discusses HTML5 features including audio, video and mobile friendliness. It provides examples of HTML code and differences between HTML and HTML5. It also includes a student registration form example and explanations of HTML5 document structure, CSS3 features and JavaScript functions.

Uploaded by

coding727tree
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
13 views7 pages

Web - Assignment 1

The document discusses HTML5 features including audio, video and mobile friendliness. It provides examples of HTML code and differences between HTML and HTML5. It also includes a student registration form example and explanations of HTML5 document structure, CSS3 features and JavaScript functions.

Uploaded by

coding727tree
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

ASSIGeNMENT-1

>Dfenntate html and html 59


HTML H TJML5
No standand'ed Process to Tt Suppor ts President ennon
|hantl stouctonally nonnea hana1fnava Pmprnovied ennon
H7ML codes. handtin Phoeess.
HS not mobi le fniendly. |s
T4's mobie tiendY
|No aud io amd video sup port Aud'o vi deo elements can be
|oiegnated dineestty onta a
web Page
T does not supPpont all majorn Tt
web brosen supports
web onorsen.
by all majon
I+ does not alloH JavaS PE 14+ alss
|to nun ln lonD rsen Tavasemp to un
|n baengo und.
|2> wnite a htnl Program to Implemenb student regi
Hation fom.
<heads
Ragtstoaton Page
<!head
|<body lhgolon Ligntsmy blue")

<fonre)
klabe) Finst name </label cbbr)
<tnput type tezt namesstname sise -us')
<label) Mtddlenarme: (/1abe i) sn) (oas
|<in puttype text' hame "middele hame'sie-''s'
<labei) lastname 'Vlabeis
"lezt" hame lattname" seic'd (bnbny
Knput type
Slabel)
CoUrse.
Klaber
kseleat)
<o pion Value z co unse" lourse </oph'on)
Kopon valae ( Be A") Bu <lophon)
<optbn value :BBA BbA </Dptior)
<opton value: B. Teeh) B.Teeh op tr'on)
<o ptn vlue teeb) Meeh <lo phon)
4seleet)
Klabei)
Cun den:
klabe) (bn) male/ Mae <bn)
|Sn put tygeanao namer «femala) female <bn)
Kinputtype adio name =
<bo)
|Kinput type nadio namee"Othen"/) 0hen <bn)
Klabe)
|Phone
klabeis value z9 1" sisel2")
Kin put by pe ext hame eounty code"
<br bn)
Kinput type =text'hame =Phone se "10"/)
Addnes con)
<texttea' cols =80 Ows =s Value addess"
|Vtetanca)
Ernatl: <bn)
Kn puttype ema |" 1d: email'name 'emi <bn
|Pa ss wond :
Knputtype = Pass Wond 1dr Pastiend rame Pas'bn) (bnl
Retype Pasmond:
<thput ype PassWond "id =Vnepass namy =ne pa s (bny(brs
<n put type = button" value subm "/>
sfonms
body
Kehtrm
9.) BrieBly explatn he Doeument stouchene of HML5
eith an exampla.
|The basic stouchere ot an HML document eles
to the ovenalt ongan'9aton and syntay ot an u TML 1le
Jt consis ts sevenal elements to Pnov le infonmation
hbout the web Rge's eontent
<DOLTYP£ Mtm: Thes deela na to speei fes the vensian
|of 4tnl trat the docurnentts wot ten tn.
2) (htmt element: Th's s the. noot
element of the
documentand ehclose qtl other element
3. <head element: This elerm ent con tatns metadata a bo ub
te doeument sueh as tue tLe, authon and chanatest.
t" le) element: This element conteint at s nes ted ntthi
Hhe head elennent and speatfey the Hie ot the heb page.
ontent
5)(body) elem ent: This element on tauns al vistble
such y texts mages, lmnS and othen Htn!
|On the Pag e,
elomen ts.

Disess n detril about a) css3 Peakunes b) Postte to


n'ng flenmen ts
Css3 featunes
|Cssg 'baougnt sevenal'hew featurey and en haneementh
to the table , ena bling mone fuible am d cnea tve
Styltng ophbns ton veb derele pev,.
|(4) tedia Queenies - Altome fon nespon sve desgn by
adgusting styley based on devi'ce ehanacten such as
Sneen be, onen tahbn and Resdution.
Flex box :- A layout o del that aovtdes
roy to align and detoibute spaee among flems tna
(ontaen, eren h n ten Site s on
un nom on dynamic
(e) Gentd layouti A Porerull tuo-dinen sionay layo
System fon css that alto Hs derelopers to cneate complex
|td based layout rfth ease.
| ) Toanstomn Css3 enabley the tnanstornaton t
element me and 30 space Us rg Proepeney
nota te, scae.
a Pb srton mg Elenents nefers to the
element fn web de velo prnenl
Pos ?hon ing a web page
Way elem entt ane placed and annanged withfn
layout. Css Proode serenal posit'on'ng teehn ique to
Contoo the plaemen oP elements . the matn Bsitto nrg
Prsopenties nclude
Posthon rg fon all elements.
|(a) state ;- The defautt aceonding to the nornal lou
o
Elements ane.postt'oned
te doeumenl
melate to to 944 nonmal PosHon
(b Relative ;- Posiioned l?ye top', mgnt,
Usng Proopenthey
tn the doeument lo.
ott',clements earn be nemoved
pelatve
bottom', and
to the ira nomal Posiion.
FYed: Postthoned elative to the Viespont 1+nemains
9
Pos ton eren hhen the Page i's serolled.
6yed n its
Posit'onng. 14
) streny- Combiney melatve and ived element neeheas
Posihoning wnt the
ats 1fKe nelative becomes yed
speet hzd
ed Senol! Poshon t n t
la
Prognam
6) Dekhe FunctHon n Java Sentpt) wnte a
th ngument ) uattea Poogram usfng onelK
uitn
Event n Java Sertpt?
a funchon is a bloeu of meusable
In Java Scntpt tasu. fun chon tam taue
spec?Hc
code that Perton mg a ters and etum 4he output
Pnputs catted Parrame
They help to onganta ng code, Poomotng heusabi1t
Jand fm pnovng matn tamabilifky.
Runeton functomName Parametent, Panamaten2 .)1

Ra Roogam Using funt'on wttn Angument


funeton caleulateAnea llength, widtn)
hetunn engtn wia4h;
Van neetang lelangth 5
Voan eetang elai dth 3;
Van anea caleelate Anea (reetangungt hy eetangleid tn)3
Console. l og ('Anea o the neetangle;", anea)}
P Poognam using on cl ex Erent mJavasimpt
Below 's an example oogram that changey the teot
eampe Pamagraph when a button is cliened Ussng
the onereK even:
<! DocTtPG htmi)
<htmi)
<head)
(Hu) oneliex Event Bxample </ley
head)
2p1 demo ctieK the buttob to ehange ths textd
< toutton onclie'= change Tetc) ")cie Me /buttony
<sctpt)
funchon change Text )
ML a'Text
doument, aet£leent y14 ("erno"). hnen 41changed!"

Vsenip4)

yhtrn)
6) Explatn the tollouing gava senipt obet in detail:
|() Fon m (b) Text (e) Pass won d d) Rado e) cheeu boX.

(a) fonm -- A form fn htoat ney Java Sertpt, we can a ee ss


a Ponm elernent using methods IKe doument. gelBla 9e4 Blemen4
BY2d()' on doeument. foms fom Name1.Oneyou have
access to the Ponm element, you (an manipulate f
Such y
jopenbey nd hand le evenh asocta bed bith ?t
SubmPss i'on ( onsubnit' event)
b) Text
n JaaScipt we can nteaet uith text input
by aceesS ng them though the fonm1°ue objet on by
ldoeument. get
|denutty seleehing them us irg methods
Elermen4 By l4 ()' on do Cument.queny 5eleeton (: One
mput el e car nead on
we nave accey to the text
mody Pts valee, Proo persty, valt date user nput, or
attach event handlens to nespond to Users qcttons.

e) Pass Wond
Jnteraetibn wth Passond înputRelds tn Javascmp! ru
SPrntlan to text in put heid s. we can access then
thnough te fonm Dbgjet on by selethg then diney
Ustng DoM methods, We can nead on modify the'n
and handle een ts as ocia ted wh
Vale pro penty
then
a) Padio
Tn Java Seipt, we can access nadto button similarty
Used
Used þoM nethods
to othen fom elements .we can
sel eatadio button ele mant and man ipulate theha
4
thern Poopentes. You can also altach erent 'hand lus
TO espond to ehanges n the selee ted opHon wth in
the nadio button gnoup
Ke) cheen boy
invo Ne
ntera etng wttn cheenboxes n Javasempb by seletrg
Meessng them thnough te Pom obgut on ned o
DoM nmethods. You ean
them dinety using DoM to detemfne the state
modity t n checned Poopert
and handle eents anocra ted hith them

You might also like