Scribd
Upload
20 views15 pages

WT Assignment 1-1

The document discusses various aspects of web technologies, including the definition and purpose of the internet, CSS inheritance, and the differences between HTML versions. It also explains CSS selectors, the structure of HTML documents, and the HTTP request-response model. Additionally, it provides examples of HTML code for forms and styling, highlighting internal, inline, and external CSS usage.

Uploaded by

mickey.zy93
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
20 views15 pages

WT Assignment 1-1

The document discusses various aspects of web technologies, including the definition and purpose of the internet, CSS inheritance, and the differences between HTML versions. It also explains CSS selectors, the structure of HTML documents, and the HTTP request-response model. Additionally, it provides examples of HTML code for forms and styling, highlighting internal, inline, and external CSS usage.

Uploaded by

mickey.zy93
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/ 15

Assighmen!

Not
Explain follo coing
AnsDee

Aspect Talesnet
9DefiniHog A Coll ecionof Aglobal netoork
iateotopnected coeh of interconne cked
pages acces sible. Camputer Syslem
uia ineme

2) Puapose Drouides actessFaclhtakes Comn


to coebCónhent unicaton betuween
uaing proto Cola mpuBers tau
like Hitp4HITA gh protocols like
Tep IP.
3)Compon-Websiles, coeb Routes, Senves
ents pages, Mulime- data CenteS,
dre hyperlinkg ables
HTTP, HTIPs
protocols
5) Eromple Broosng a coeb Sending onemail
page lie googlee0eb brocsing

I) lhat is the cgs qnd erplain Css


interitance coith ecample.
Ansoee!
Paca t'a.
Dete

cSsC Cascadina Syle Sheet) js a gtylesh.


language used todescribe the presenta,
of a web page 0ten in HÍML T
Controls layout, coors, fonts. and
oher usualelementa
CSS'Tnhesitance
Inhemtance in csS gefersto hoo Certain
pio peries applied to parent elements.
(Te automaicaly passed docon t
ohild elements.Hoo ewer, not all pper
Hes ame intemed by detaut
Tnheated propertes:
Tost mela led prapeies Iike color, font
fanily
Non-inhented
Bo related properHes like margin, padding
bordet
Example
KDoCTYPE Hml)
< html)
<head)
<Syle
body /
fonttumily Arial, Sons -seri£i
Color : blues
div
paddinglopx
</ style>
<Ihead>
<body
<dlv) This tect o1ll inheHt the
fonhdnd'color fromthe bo dy <ldiuy
<lbody
<Ihtmy
II) rplaùn all HTML taqs cóith syntaz
’ AnsuDet:

Tag Synlac. pescipion.


Khtml<html.. lhm) penes theaootaf
an hml document

<heady<head) Contain meta ifor


<lhead>maion 0nd links ta
Stylesheets.

Ksyley (syle> . define intemna


<JstyleyC9s syles fy the
page.
K HHey(HHe Specif'es ttHe of the
<tiHe coeb page
|PagaNo.
Date

Q2 )DifFenentiake HIML Ve HIML S.


Answet:
Aspect HIML HTtAL S
Definiioo sBandod markup
£ohanced
lángu.aget r Crea-HTML Oth
uersicn af
ing coeb pages.
Feakunes tor moder
web deue<opemen
mulime Limited LaneguiresNatue.guppext fo
dia iupped. plugins
ikeflash audio4uidea elemgi
Broset Tt coorks oith all
Gupport old brouDgers. Supperked by au
Arefec, Mozilla,
Chrome ele
Usex |Oldetcersion of

tiendtyHimlane less mn obi: HTML S ls


cohihls Mor_lanquage
Moble
Cmobile)le fiendy
Docype Dockype declonatio n
fiendly
Dockype declaraton
Deconatis too long ond |is
Complicaked quite gimple
and

Handlinq TH ÎsCapable ot
inaccunate tyntaa handlin inaccuTae
T) tale and ecplaln 099 selectors
cofth guBable erample
Ansoet
Css Selecor9:
lniversal Selecter()
Tupe Selector (Element sele ctrr)
’ Ctassselector()
ID sel ector(t)
Descendant Selecto Cspace)
) Llnivea 5al Selector(t)
The universa! sele ctor selects all elements
ona page
Erample
mangin:0;
paddingi0;
Selecto)
2) Type Selecto (Element elemenks
Tipe selector 5elects all of
a Bpecic type.
Examplei
Color 'bluej
maxqin:2pxi
Peso t'o.
Dale

8) Class Selector ()
Class Selectox 9electe elementsoith
Specific class.
html:
<p>class "highlight"> THfs text is highlighked
CSSi

highlight /
3backqround-calor yelloc0)s
u)Th Selecto C#)
TD 9electots
colt specificselects
TO asingle lement
Erample
html:
<hi
C33
d"mainHHeMain THe <lht)
# main-tiHe
font- sne:24pri
color :ed
Dae

5) Des cendent selector Cspace)


T selects ele ments_pesed coithio ohee
elements.

Example
div p
Color: bluei
font-size ': |opj

Q3 åte the Html code cuith erample to


ecplain inemal, inline and eztemal ss
Ansoete
CCS
’.Thline

OThtenal css
Defined oihin the <otyle>'taqinside
he <heady oA HTmL Doaument

Eaample
<I DocCTUP£ html>
<html
<heody
Lshyle
bady bockyround-colerlig hblues
<atml)
<IP) inline <lbody
Ted" colcsor 20p3"fontparograph
erample</hi) -usesSize: CS Lnline
e" alin: shyle: This <P
te Col
x+ or:q1een style"
<hods<hi
<DOCryPE
Html htm
Example
ent athibute he
HIml aoitthhiinn directshylBey tDefi
aotaD nusiedng
cs Taline
Intenal
cs uslng stuled THisis lbodythtml
<P>
le.cthl) Ecamp essTnerrnal <hi)
<body
<Ihead>
</style>
Cnhet
tect-align:
s
bluej dor Color
Dale
tlo. Page
(3) Extemal css
Defned io
fn separate .css
.cS Ale and
tfaked using <lint> taq in HTMt do urnent
inder.ttml
<|DocTyp£ html>
<html
<head
elink gel =" styleshee type:"terk/cas"
hrefe" style. css">
<lhead)
<body
<hi ctemal sS Fxample <lhi
<p) This panaqraph uses eactemalss </P>
Llbody>
<htal>

Stylecss

body f
backyround-colo:beige ;
3

color nauys
tecl-aligni Cenletj

foat- family :Anel, 5an9-Seif;


@" Expl ain he HTTP Teg ue.gt and
model ln bief. HTTP reas
AnsDeti
HTTe ReguesB and Nesponse Model:
THe HTTP C
Hupertect ranserr
esponse model 5a tocol)
SusBem beteo een a client
Servet communicat,.
ChroDset) ond
Request
The oient sendg an
HTIP
server to access resouTce equeSt to the
3 Guctaa
cweb pages,inages oor APs
Key Comp0 nenits
Roquest |ine
Cantains the Request method
torqet URL and HTTP Vexion (Er GET,PoSr)
.Head erS
Prouide
Ec User nneBadaBa about the
- Aqen,
Bocly (oplional ) Content Type
DaBa gent coilh he
PoSr,PuT and simila gequesk,
method. mainls for
Example
GEr index.HBml_ HTTPL 1.!
Hast: cu co.erample om
lser-Agent Mozilla6-Ó
2 HTTP Response
lhe smver pnoce9se S he requst and
metuman Htp mesponse containing
he equesled qesouYCeo an ero
`meSsage
key Compenents.
Status line
Tacludes theHIIP ueTsionand stais code
Åeaden
Prouide neladaka about the Oegpanse
eg Conent- Type Conent-length
Bocdy Copional)
Contains he equeshed dato Such
HTmL Oonteat, SON 0y imaqes

Ccample
HTTP{ 1 g00 ok
Content-Tåpe: text|html
oatet Length 256
<htmi)
<head)
<tiHe> Example Page </ EHey
heady
Qs ik a HIML Code to display form
tect field,che ckborec dnd co}h
radion
passtod Aeld and submi bultoo
Ansoo et butens
<DocTyPE Html>
(htmi langs"en">
<head
<mete chnset =" UTA- 8">
metahname"uieoport"
deuice-coldth, initial scale conl
e:0">nt"coidh:
<HHe> fom EocampleK/iHey
head)
(bods
<ht} Llsex Reqishahon fonm
<tom actione <ihty
/submit-fom' methode" Post'
(labelboye 'name".)
<input ype-"ext full Name:/]abel)
ide"nome"
pla
cehaldet"Enke
<hr)Kbr youn Aameallaane
name' eqimed
<label for
:"email>
(input ype:email "
Cmaul: abel
/d="email" name "emai'
olaceholdee :" Enten youm
br><b) email'rqud>
<label fer 'passDOTd"> PassuDork: Klabel)
Cinput type "passocrd" jd"'pasn ond'
</btml)
<lbody>
a) submit
types'submi!> <button
Lbrba)
bety Reading reading"y for <label
eading" Value
"igterests' name
eading "checkbaz'
id type: Sinput
/label> Coding coding"> forr-' <label
aluee'Coding
> "interests" name:
id:"coding" checkboz" Hype:" <input
<label> Tntevests: label>
<br)cbr
<label female female" fors" Klabel
female value
" ded
-"female" 'nid
adio! type <input
<label> Male male" for' <label
mequ1ed> "male" value
nameid:'male" type"radio" <inpu
</label> Gender <label

You might also like