7/24/2019 HTML Introduction.pptx
1/20
CT250:HTML & HTML5
ECTS:= 36/25-30
Length Of Course: 36
hours
Prerequisites:CT 00
Tri!" Month
HTML & HTML5
7/24/2019 HTML Introduction.pptx
2/20
Day 1Week 1
7/24/2019 HTML Introduction.pptx
3/20
HTML Introduction
HTML : HYPER TEXT MARKP LA!"A"E
#HTML i$ a Docu%ent Tat 'ontain$ Te(t
# We) *ro+$er$ Read and Di$,-ay Docu%ent$ Tat 'ontain HTML
7/24/2019 HTML Introduction.pptx
4/20
ML Introduction .'ont/0
#$ :%ng"e r!'(ets Cont!in T!g
#ht)"$So)ething#/ht)"$ : M!r(u* E"e)ent
7/24/2019 HTML Introduction.pptx
5/20
HTML T!gs+ E"e)ents!n, their s!ge
- E,itors
- St!rting !si'
- E"e)ents
7/24/2019 HTML Introduction.pptx
6/20
HTML Editor
!et)ean$ /2:tt,$:33net)ean$/or43do+n-oad$3
a6a De6e-o,%ent Kit .DK0:tt,:33+++/orac-e/co%3tecnet+ork37a6a37a6a$e3do+n-oad$37dk#do+n-oad$#8199151/t%-
!ote,ad:tt,:33do+n-oad/tu(;a%i-y/or43note,ad,-u$3u)-i%e@82Te(t@828/2/8/i,
7/24/2019 HTML Introduction.pptx
7/20
HTML>tartin4 *a$ic#. OCTPE ht)"$#ht)"$#he!,$ #tit"e$HTMLSession#/tit"e$#/he!,$
#o,$
#h$He""o.Stu,ents#/h$#/o,$#/ht)"$
7/24/2019 HTML Introduction.pptx
8/20
HTML T!gs+ E"e)ents!n, their s!ge 4Cont
- %ttriutes
- He!,ings
- P!r!gr!*hs
7/24/2019 HTML Introduction.pptx
9/20
LAttri)ute$B Headin4$ & Para4ra,$#. OCTPE ht)"$#ht)" "!ng78en-S9$#he!,$ #tit"e$HTMLSession #/tit"e$#)et!'h!rset7T;-
7/24/2019 HTML Introduction.pptx
10/20
HTML T!gs+ E"e)ents!n, their s!ge 4Cont
- St"es
- ;or)!tting
- >uot!tions
7/24/2019 HTML Introduction.pptx
11/20
HTML>ty-e$ #. OCTPE ht)"$
#ht)"$#he!,$ #tit"e$HTMLSession
#/tit"e$#/he!,$
#o, g'o"or78?hite9$ #h st"e78te@t-!"ign:'enter9$He""o.
Stu,ents#/h$#/o,$#/ht)"$
7/24/2019 HTML Introduction.pptx
12/20
HTML Cor%attin4 & uotation$
#. OCTPE ht)"$#ht)" "!ng78en-S9$#he!,$ #tit"e$HTMLSession #/tit"e$#)et!'h!rset7T;-
7/24/2019 HTML Introduction.pptx
13/20
HTML T!gs+ E"e)ents!n, their s!ge 4Cont
- Co))ents
- HTML CSS
- Lin(s & B)!ges
7/24/2019 HTML Introduction.pptx
14/20
HTML'o%%ent$
#. OCTPE ht)"$#ht)"$#he!,$ #tit"e$HTMLSession
#/tit"e$#/he!,$#.-- St!rt o, T!g --$#o, g'o"or78?hite9$ #h st"e78te@t-!"ign:'enter9$He""o. Stu,ents#/h$
#/o,$#.-- En,ing o, T!g --$#/ht)"$
7/24/2019 HTML Introduction.pptx
15/20
HTML'>>
#. OCTPE ht)"$#ht)"$
#he!,$ #tit"e$HTMLSession #/tit"e$
#st"e$o,!'(groun,-'o"or:o","!'eDfont-f!)i":!ri!"D
font-sie:2*@DF#/st"e$
#/he!,$#.-- St!rt o, T!g --$#o,$
#h st"e78te@t-!"ign:'enter9$He""o. Stu,ents#/h$#/o,$#.-- En,ing o, T!g --$#/ht)"$
7/24/2019 HTML Introduction.pptx
16/20
HTMLLink$ & I%a4e$
#. OCTPE ht)"$#ht)"$#he!,$ #tit"e$HTMLSession #/tit"e$
#/he!,$#o,$ #h $He""o. Stu,ents#/h$#*$This L!out ?!s esign #!href78???'o,erstrust'o)9$Co,ersTrust !ng"!,esh#/!$
#/*$#*$#i)gsr'78"ogogif !"t78Co,ersTrust !ng"!,esh$#/*$#/o,$
#/ht)"$
7/24/2019 HTML Introduction.pptx
17/20
HTML T!gs+ E"e)ents!n, their s!ge 4Cont
- T!"es
- Lists
7/24/2019 HTML Introduction.pptx
18/20
HTML Ta)-e$
#. OCTPE ht)"$#ht)"$#he!,$ #tit"e$HTMLSession 2#/tit"e$#/he!,$
#o, $ #h $Pro,u't C!tegor#/h$#t!"e$#tr$#th$Pro,u't A!)e#/th$#th$Pri'e#/th$#tr$
#tr$#t,$e"" Co)*uter#/t,$#t,$G250#/t,$#tr$#/t!"e$#/o,$#/ht)"$
tr Ta)-e Ro+
td Ta)-e Data
t Ta)-e Headin4
7/24/2019 HTML Introduction.pptx
19/20
HTML Ta)-e$ .'ont/0
#. OCTPE ht)"$#ht)"$#he!,$ #tit"e$HTMLSession 2#/tit"e$#/he!,$
#o, $
#h $Pro,u't C!tegor#/h$#t!"e$#tr$#th$Pro,u't A!)e#/th$
#th 'o"s*!n72 $Pri'e#/th$#tr$
#tr$#t,$e"" Co)*uter#/t,$#t,$G250#/t,$#t,$G350#/t,$#tr$#/t!"e$#/o,$#/ht)"$
co-$,anro+$,an
7/24/2019 HTML Introduction.pptx
20/20
HTML Frdered & nordered Li$t$
#. OCTPE ht)"$#ht)"$#he!,$ #tit"e$HTMLSession 2#/tit"e$#/he!,$
#o, $ #h $Or,ere, & nor,ere, Lists#/h$
#.-- nor,ere, List St!rt --$#u"$#"i$ A!)e#/"i$#"i$ esign!tion#/"i$#/u"$#.-- nor,ere, List En,--$
#.-- Or,ere, List St!rt --$
#o"$#"i$ A!)e#/"i$#"i$ esign!tion#/"i$#/o"$#.-- Or,ere, List En,--$
#/o,$#/ht)"$
nordered Li$t Frdered Li$t
Gu- Go-
G-i G3-i
-i Li$t Ite%