HTML Introduction.pptx

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


2/20

Day 1Week 1


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


4/20

ML Introduction .'ont/0

#$ :%ng"e r!'(ets Cont!in T!g

#ht)"$So)ething#/ht)"$ : M!r(u* E"e)ent


5/20

HTML T!gs+ E"e)ents!n, their s!ge

- E,itors

- St!rting !si'

- E"e)ents


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/20

HTML>tartin4 *a$ic#. OCTPE ht)"$#ht)"$#he!,$ #tit"e$HTMLSession#/tit"e$#/he!,$

#o,$

#h$He""o.Stu,ents#/h$#/o,$#/ht)"$


8/20

HTML T!gs+ E"e)ents!n, their s!ge 4Cont

- %ttriutes

- He!,ings

- P!r!gr!*hs


9/20

LAttri)ute$B Headin4$ & Para4ra,$#. OCTPE ht)"$#ht)" "!ng78en-S9$#he!,$ #tit"e$HTMLSession #/tit"e$#)et!'h!rset7T;-


10/20


- St"es

- ;or)!tting

- >uot!tions


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)"$


12/20

HTML Cor%attin4 & uotation$

#. OCTPE ht)"$#ht)" "!ng78en-S9$#he!,$ #tit"e$HTMLSession #/tit"e$#)et!'h!rset7T;-


13/20


- Co))ents

- HTML CSS

- Lin(s & B)!ges


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)"$


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)"$


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)"$


17/20


- T!"es

- Lists


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


19/20

HTML Ta)-e$ .'ont/0


#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


20/20

HTML Frdered & nordered Li$t$


#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%

HTML Introduction.pptx

Documents

Transcript of HTML Introduction.pptx