HTML, CSS,

JAVASCRIPT
 HTML
Hy per t ex t Ma r k up L a ngua ge
us ed t o c r ea t e t he a c t ua l
c ont ent of t he pa ge,
s t r uc t ur e of t he webpa ge.
Al l ows t he a ut hor t o:
 c r ea t e doc ument wi t h
hea di ngs , t ex t , t a bl es ,
l i s t s et c .
 Add l i nk s , i ma ges , v i deo
c l i ps , s ound c l i ps a nd
ot her a ppl i c a t i ons t o t he
webpa ge.
 HTML
I s a ma r k up l a ngua ge.
A ma r k up l a ngua ge i s a
c omput er l a ngua ge t ha t i s
us ed t o a ppl y l a y out a nd
f or ma t t i ng c onv ent i ons t o a
t ex t doc ument .
Ma r k up l a ngua ge ma k es t he
t ex t mor e i nt er a c t i v e a nd
dy na mi c . I t c a n t ur n t ex t
i nt o i ma ges , t a bl es , l i nk s ,
et c .
Hyper Text Markup
Language
Hyper – Means “active”, “
something that can be all
over the place”.
T ex t - T hi s mea ns y ou c a n
c r ea t e a web pa ge i n a s i mpl e
“ t ex t ” f i l e f or ma t .
Ma r k up – i n or der t o c r ea t e
web pa ges , y ou t y pe i n t ex t
whi c h i s t hen “ ma r k ed up” or
i dent i f i ed f or pr oper
r ender i ng by y our web
br ows er .
L a ngua ge – us e of s y nt a x when
c r ea t i ng y our web pa ge.
S y nt a x i s a gr a mma t i c a l r ul e
a nd s t r uc t ur a l pa t t er ns t ha t
us e a ppr opr i a t e wor ds a nd
s y mbol s f or c omma nds , wr i t i ng
c odes et c .
Development of HTML
HTML 1.0 – It was the first
release of HTML to the
global community, the
language was very limited.
HTML 2.0 – Released in
1995, new features were
added. Became the standard
version until 1997 and
defined many core HTML
features.
HTML 3.0 – Was originally a
draft version. Version 3.2
became the official
standard which offers
powerful capabilities for
web developers.
HTML 4.0 – Provided new
tags for style sheets,
scripts, frames, embedded
objects, complex tables,
complex forms etc. Became
the official standard in
1998.
HTML 5 – T he l a t es t v er s i on of HT ML . Of f er s new
f ea t ur es l i k e el ement s , a t t r i but es , ev ent
ha ndl er s , API . HT ML 5 a l s o i nt r oduc ed na t i v e a udi o
a nd v i deo pl a y ba c k t o webpa ges .
 CSS
Cascading Style Sheets
t he l a ngua ge f or des c r i bi ng
t he pr es ent a t i on of Web
pa ges , i nc l udi ng c ol or s ,
l a y out , a nd f ont s .
I t i s ma i nl y f or des i gn a nd
pr es ent a t i on.
Ma i nl y i t i s us ed f or pa ge
s t y l e f or ma t s , des i gni ng of
t he web, l a y out s , a nd ma ny
mor e.
 CSS
Cascading Style Sheets
t he l a ngua ge f or des c r i bi ng
t he pr es ent a t i on of Web
pa ges , i nc l udi ng c ol or s ,
l a y out , a nd f ont s .
I t i s ma i nl y f or des i gn a nd
pr es ent a t i on.
Ma i nl y i t i s us ed f or pa ge
s t y l e f or ma t s , des i gni ng of
t he web, l a y out s , a nd ma ny
mor e.
 HTML
 Publish online documents with
headings, text, tables lists , photos
 Retrieve online info via hypertext
links at the click of a button.
 Incudes apps, video clips, sound
/audio clips etc. in your document.
 Design/include forms to make your
webpage dynamic,
CSS
 Design colors, fonts & layout.
 Adapt display across platforms.
 Easier site/webpage maintenance
since styles can be modified without
editing the HTML elements.
 Can modify multiple webpages using
a single style sheet.
</h1>

backslash after the first

angle bracket.
 Javascript
A pr ogr a mmi ng l a ngua ge c ommonl y
us ed i n web dev el opment .

I t wa s or i gi na l l y dev el oped by
Net s c a pe a s a mea ns t o a dd
dy na mi c a nd i nt er a c t i v e
el ement s t o webs i t es .

J a v a s c r i pt i s t he onl y
pr ogr a mmi ng l a ngua ge na t i v e t o
web br ows er .
 Javascript
J a v a S c r i pt a l l ows
i nt er a c t i v i t y t o a webpa ge
s ome ex a mpl es a r e:
 S how or hi de i nf or ma t i on
wi t h t he c l i c k of a but t on.
 Cha nge t he c ol or of t he
but t on when t he mous e
hov er s on i t
 Zoomi ng i n or out of a n
i ma ge.
 Di s pl a y i ng a t i mer on a
webpa ge
 Pl a y i ng a udi o a nd v i deo
 Di s pl a y i ng a ni ma t i ons
 Us i ng dr op down a nd ot her
menu ba r i n y our webpa ge
Web Development
Software
Text Editor Software

Notepad ++
Text Editor Software

Notepad
Text Editor Software

Sublime
Text Editor Software

Visual studio
Text Editor Software

Notepad ++
Web Development software

Wordpress
Web Development software

weebly
Web Development software

Bootstrap
Web Development software

github