0% found this document useful (0 votes)
110 viewsWeb Dev Notes
Uploaded by
Luminița AndreeaCopyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
0% found this document useful (0 votes)
110 viewsWeb Dev Notes
Uploaded by
Luminița AndreeaCopyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
/ 270
HTMLS « CSS3
JavaScript
By.
Mr. subba raju Sir
Nic FRESE.
SOFTWARE TRAINING & DEVELOPMENT
SRI RAGHAVENDRA
XEROX
Software languages Material Available
Beside Bangalore lyyager Bakery Opp. CDAC, Balkampet Roa! a,
pet,
€3 9951596199. 2 ATMS & E583,
Torrodaction to Webs Collection of elecitonte Pages ts caltéd web, |
Me fathes of web Is Tim _Besness-Lee ,
le Dering Networsle: cotlection. op compaiess inteslinged sigetber.
r Klein Rock fg fathes of neroowk. Piest nerwosk Name is
7 ARPANET CAduanced Reseach projects Agency network), First
be Protocol in rT indusyry fs PTPCpile Teanste~ Protocol)
‘QaF
He Totevnet § Totesratlonal neswouk. pather of tntesnet fs
Nint ces? Amesican COMPUTES Scientiest
P . . , °
Eratl$ piecrsonic mail sesvices. 14 i$ a free sesuice to
- Communicate with athes intesnet usess. Fates of email Is Shabeerr
Bhatia, piwst email semurce ts hos mail icom
SMTP CSimPle mail Transfers PVOIOCOI] > It takes Cave of delive
SYiDg emails From one seaves +O another.
yo PALME’ Crauttipaspose frresnet mail extensions) , it exchange
i, diFPesent finds of data: $
1 Detine pac Lwosld wide web -consossium) spaviepessbl?
lc, S# was founded 1p 1994 by Team. Tim gemnens -Lee . 14 has Goo> |
MEMbETS pattesnersship. t
ie Well Known members ave Facebook, google, Nokia, samsum, 18M, i
wmicwosof+ eye. : i
Detine webbuouses: 4 Ts client side lightweeght’ Sofware 14
FAKES HHP wequest Fo Client fo Sewuer, i+ venders Cbsings)
HHP Besponse Prom sesuew to Client 1
iWeb Apchite juve
psesentaHon layer
2] Business Logic Loyers
3) pata Access Layer
Browser command
URL hit pi] Ware are
OH 0.0» COM
HTML DISPIMY
Bemope web
Client stole
Secu gerP4aloe Webbvourser: Th web enui ronment there awe 7 Web browarg
5 Google come C2008)
QJ morila pisefor C1998)
3] Intespet eaPloses C1995)
4 mini opera C1995)
ey Sofosl Co005
1989: ame OP oPeM wWebPramemork to deyeloP
1991 S@RIL ast Pages
1994! HTML
(933° XHTML
2008: HTMLB
2014! HTML sy
Define Blogs x4 fs daily updating website ow webpage, quesy Post
displayed ip Teuewse cronciogical odes (lates arways Fiesty
Pooum $14 is online discussion web ite 40 erchAnge sesousces each
otbed
Define HHPS I+ fs a HraNsPes PToIOCo] to exchange hyPestedt docarnent
sip the wostd wide web
petine HHPCS)¢ secused ansFes PUOtOCe! 40 Exchange hypestert docu _
tents wlth the beip of ssi. Cclphestext)
SD Detine addon: AddiHonal feature. fo the web bBowSer
eg. Any Toolba-.
define plugin: rt is an additional sofiwose jo add the web browser
@%- adobe Flash Player
adobe pdt seadeg
perine webpage’ st isan elecivonfc page developed on Hil z+ [s
classified info se00 types.
'y static webpoge.
2J Dynamic webpage
J static webpages: Auses unable 40 intewact diwectly with these webpages
eg. HAM! 5 css
25 Dybam ic webpages: A Uses Can Obie to imesact ditectly with these
caveb Pa ges.
aco HEM) 1 OSS y FONASOr) pzDefine wWebsizes CollecHon of webpages oF web documents
These ave classified Fnto two + pes
J static website t
T+ is completly developed on client Side technologies
eg Html, CSS, jauasevipt , Himis, xmL
2} DYynamic webSESt These qebsites deueloped op clienis server
side technoiogies
2g HFM5, S83, fquesy, php ASp,TSP etc
hetlne sosipls T+ is a kind of Pteguaming Zangaage. with 1¥ghi werghr
Feature. sosipls arse classified into. the Following to Types
Welfent side sesipt.
a] Setues side sosipt
U client side Scwi pts: ‘These scvipis awe executing aithin the wel
buowsen: eg, java sosipl , jquesys ison
af Sesvers side sowipts' These sesipts arse sunning within she web sewers
Apache: Tomcat, 3x5
Taysoducton +o HTML
Define HTML: Tris Specialy designed bypewiext fos web browsers
with meaningpau fags ov Glements in Simple english Language
Features + 1] Tt is pot Case Sensitive
an is DIOWSeSS Mother Languase
STH is global sang uage
4 3415 collection of +095 and elements
5] we can oveate state webpages
1 Sis ews free english Sanquage
Dos is a maskap Fanguage Cspecial tex}
7
Mark Ups ;
cselease the following versions. ( Pd4oNs]
BTL HistoTy Line: wae
1g83 = GML C&enewalised markup Language’)
\9gl => Standatd Jengrasicved mancap Language
(994 5 HTML CH¥Perert mompap Lang aoge?
sms
1998 = XHTML CxMi + HTML) mms
Bmal}noog => HTML 5 C Advanced mospup Ranguage for. mobiles)
aol => HTML Ss CAdvanced Hypestext por Smas} Phones], widgets
Gadgets} emai elecironte dent res
TOL vessions |
oe prom asc osganization there ae Semvetal vessions Teleased
yurmiico Cigg4]: & ose OTS
dake
2) HTML 200 Cigg9s) eet cone
3) HTmLg-o C1997] oe
ay HTmeg.o 019997
8] uTmLs-0 [ 2008)
6) HTML Bl [20147
Derine Tags zt fs special kind of text, Placed between Lert ange tare
pace God Right Onguie® bTace Ce. >>
‘Sypiays examples
Types of Tagsi Togs ame classitied into the Fowoeing tee Hy Pes.
\7 paised Tags
2} Nonpaized Te98
ty paitied Togs + These tgs oe owing opening and lasing +098-
Braroples Zi her
The closing aq starts with a Fosword slash
ay Mon paised Togs’ .
The $04 phat pave only opening fags bat ne ciesing +298
example: break
posirvontal swe
Limp pmoge
Sroucurse of HTML
AS Pes W8e Standard HTML Docament bas the FO110W0INg dejaite
quauctuse
chim
bead > .
e bod y>
bio) Common ov ovivca elements
IN him! document the Following elements’ ave cvivicas 0B -comrmon
elemenis,
HTL
ay Head
3) Tine
' 4) Body
Hew 40 _cysear® a webpage
TO veeate a WebPage Follow the Sheps
J Launch any text editos CNotepad)
2) Enews wequised htm! soutce code
a
Tay fitgt web Page prias's
tine
welcome jo Web wos lds
_
QJ save with -bim ov «bir extension
4} Right Click on the Save file open with any «web. bsowserr
. BI TF you need 40 apdate any teu ov Jogic might Click oP
the File open with Notepad. format
@) po wequive changes and gave it: ReFsesh the web Paqe
HTML 5 commengss % commends Arse pon executable Sraremert os
ignese StatermentS, witb the belP of these cemment porations ase Can
dectave cugtomited siatements ip the Souses code
HTMLS supPosts 1 Commenr notation foe Single and MELTS eee
Comments begins with
Prample J: comments
;
cree) LUT SIL Comments Zt ite>
Zlhead>
a gingte tine comments
Slncroecione ili iments
> HTPML compro. oo
ae
Not applicable
welcome fo HTMILS
Septesents Uession of the hrm. ti Ps the
Fist line in bim! code: It is selated ¥o H+mI5 syntax
Lang anrsi bare $ Tt sepsesents the primaty Languages of your wehpage
Th Coptains 4.00 lepen cpunisy Code and Longuage code-
£3: 1 Rnglish Cosy
3 foglish C1-ND
Note: If Language pot dectare default U's. english2} head setyion % This cecHon suppotts the Fotrowing tist of tags
foutcon. Cork.
pay fiest webpage
ove ast c
oes
cHile> PAY HTML togo gs wd ye
gO"
SHO
Zink hesefs" bOI5 « PHA" “sel = uw icon” {YF
:
Ph the browsers We! bare
=n imageli co" >Hm L5 mela element
Meta means afters, metadaiad means dara abot data, a olere~
1s awe classified into dirtenens categories, The follacing ane Frequently
‘ §
J meta chavsset
2 feta Key wosds
SJ maya desesipton
G meio tHe
5] mea oushoe
meta chasset? utf stands Foo Unicode Hangtasmation foomat, jp is used
© develop a web page ditresem Sanguages LiKe ayebic chinese Tapanies,
tind? etc i
SYoiats HTML4 syptat:
Bhat 1S UNI coe A Provides a unique number Fos eueBY characten.
S pew wac siardaed unicode indicates the following inFosrmaten
NO mates eobat the plarfosm
No matters what the Program
bo maHET What the Language
CHU My web page
Heo how ore You
Sei rs aay? cibar
Meta [eeywowds 3 These {Keywovds elated 10 Search engines +o
declave mera dara A .
SYPIOe! .
meta desewipton ¢ + defines the desesiption oP youre page,
agnor ae
ive
contenPrample:
“desemipHon” Content=" A ontine beginners Jara iayosiad
eta HHE £ N detines the sine of meia confent
SqOrax:
E2OMPICS meta name ="HHe" Content =" welcome 4o Naresh IT
Hydewabad ."/ >
Meta authoss I+ derines authow of the web Page
SUPHOX!
Siyles Tt fs used to deciaze style Pntoswation pow a Him! document
examples
Sos! pr 404% 14 Is used fo define client side Sewipk such as joua covipt
. . :
.-.-
Abs bUres,
bgcoloe PET OAHOLOAES
backgwound core Narre} toterende image Path
jeu color Name} Color code-
Coloe nome | Code,Paromet er
“aed” bgcolos = "yellow" >
New HY PES Tet fou fobile APPS... as
é i
(bod $7. autribure
L2AMPIEIS with Colas Code
= pith _colaw code
HTMisr is phew bypes text fos mobile APPS'!
prample 4%
HTMLS is new hypemett tox mobile APPS 1
4 Heradecimas cores cede system _
AS Pew wEc Standasd heradediina: colos system bere , the follow!
9 ate web safe colons
Black Gway gitues ublte
gelioeo Lime AQUA Fuchsia
Red — Goween BILE purepte
Masson olive NOVY “Teqy
Coos Values gHTMLE coloss arse define using hexadecimal
notation This six digit mepsesentaton of a cotow. gp is she
Combination of Reg.
Hgaa decimal ace
10 =16 Red => 0-285 256
AE og Green 0-255 =p 256
ar BIUL => 0-253 = o56
lemillian rember
le raillion ceptorRe> Red > adigi¢s
& + Green > adigits
B= Blue adigits
SAigits
least colo = 00
: Cuotalor- 00)
Higbest Glows FF
Cdanpeolor— Fry
REBS HFFOCOO => pED
RGB => OOFFOO => Green
RGB = +h Oooo FF =} Blue
RGB = #000000 => Blank
RGB => HFFRFFP => cobite
RGB = FFFFFFOO =F Yeliow
RGB => HEFFOOFF => pink Cdawk)
IpysoducHon Fo HTML aneibutes
( a. ins pene OF
AdrvibUHES ove special Fearwees op a jag, every 493 COMI
ore. os Feary attaoi bates
AMC CSS 2 pasAMEHESS athe UAILES Jhaf we assign fo an ANT
bate
SyOArS —
Types of abyeibutes! Sn HrmLs aHaibutes ase. classiffed Paro
cifesent types
'T Blerment specteie one bute:
2 Global ancibates
Bl Tava Sostpt Puent aHsibutes
43 opHonal caHetbases
\JRrement specitic apribures: These anrri butes are eaclusibly for
O Specizic element of jag
eg: —> bgenlot, baticgwound, pert
![]()
> ceww swe, width, height, alt
J Standard atisibures
2 Dynamic atvibuses
33 common OHVIbUFes otc.£3. J class aj id 4] Jang 4) fnseot 83 gpelicheck “I Style
C+ fsin bold fosmay
Ativibupe ¢ FI :
RTE Pbese asi putes ase welated +0 jouasesi PHTG
BFuent
fxampPlestontlick 9) oninput B) onpwogsess gy onchange.
5) oninualid ey ontoad.
click me
-opHonal ptwiburess These atsibutes HTMLS +reaHng a8 opHonas”
Oo not Tequited
etampies
HTML ol —
HTMLS —
IMLS special “chaweastets § These ame popuiamly Knomo as
Characters entities. All emities begin with an’&" and ends with’s”
SAampPles & copy 5 4-seq §
&toades
Sores 5
4 woes
4 spades;
& beavis 5
HTML dsacwbacks:
1) Not supposing graphics
2) Poot ip videolaudio suppovt 7
8) Requises extemal PIUiNS 40 Tan Flach , medio Cony 1S
4) wemy few input Conr@ls are Quidijabte- F
B] Need yo use exiepnal Jonguoge ike Jouascsipt so yasidate commis
6} Does not supPOT4 2D and BD Animations:Depsecated plement
The Following listog Clements Ase deprecated from HTML],
ad
5)
5)
B
101
14 poywames>
fa)
18)
14)
187 Zu>
Is} camp>
J Cocsonymy 3 T4 defines apbsedation ov Full FOBM Yaom TniHal leH ers
His a bald poised 0g.
SYMAL! —
Ain frsends sseply ASAP
LL ACHONY >
Zt hHol7 / a
Labbs? $I} indicates ap abbvevation oT ad acrsopym 14 Iso paice
09. sypian: +++.
ibete
yas spe
Hi, Peiends TePly ASAP
2]
foutcon. Cork.