????????????????? HTML ?????????

1
????????????????? HTML ?????????

• ??????? ?????????????????????????
  ????????????????
• ?????????????????????

2
HTML (Hyper Text Markup Language)

• HTML ?????????????????????????????????????????????
  ????????? ????? Tag ????????????? Web Browser
  ?????
• HTML ??????????????????????????????????????????
  (Hyper Text) ?????????????? ??????????????????????
  ???????? (Link) ????????????? ???
  ?????????????????????????????? HTML
• HTML ????????????????????? (Multimedia) ???
  ????????????????????????????????????????????????

3
????????????????????

• Text Editor ???? Notepad, Wordpad
• Web Browser ???? Netscape Navigator ???? Internet
  Explorer

4
??????????

• ?????? ?????? ???????? ??? ????? ???
• ?????? (Tags)?
• Comment ??????????? / ??????????????

5
???????????????? HTML File
6
????????????? (Heading)

• ???????????????????? 6 ????? (??????? H1-H6)

ltH1gt ??????????? 1lt/H1gt
??????????? 1
7
????????????? (Heading)

• ???????????????????? 6 ????? (??????? H1-H6)

ltH6gt ??????????? 6lt/H6gt
??????????? 6
8
?????????????????????????

• ???????????????????? 7 ????? (??????? 1 ??? 7)
• ????? / ????????? ??????? -4 ??? 4

ltFONT FACEAngsanaUpc COLORRED
SIZE5 gt?????????? ???? 5lt/FONTgt
?????????? ???? 5
9
?????? (Bold)
ltBgt ?????? (Bold)lt/Bgt
?????? (Bold)
10
???????? (Italic)
ltIgt ???????? (Italic) lt/Igt
???????? (Italic)
11
?????????????? (Blink)

• ??????????? Netscape Navigator ????????

ltBLINKgt ?????????????? (Blink)lt/BLINKgt
12
???????????? (Marquee)

• ??????????? Internet Explorer ????????

ltMARQUEEgt ???????????? (Marquee)lt/MARQUEEgt
???????????? (Marquee)
13
?????????????????? (Underline)
ltUgt ?????????????????? (Underline) lt/Ugt
?????????????????? (Underline)
14
??????????????? (Paragraph)

• ???? 1 ?????????????????????????????
• ?? tag ???????????????

ltPgt??????????????? (Paragraph)lt/Pgt
??????????????? (Paragraph)
15
??????????????

• ????? tag ??? (???? Empty Tag)

????????? 1ltBRgt??????????????
????????? 1 ??????????????
16
????????????????????

• ??????????????? / ??? ?????????????
• ???????????? / ???? ????

ltBLOCKQUOTEgt???????????????????? lt/BLOCKQUOTEgt
??????????????????
17
??????????????? (Center)
ltCENTERgt ??????????????? (Center) lt/CENTERgt
??????????????? (Center)
18
?????????????????(Horizontal Line)

• ????? tag ??? (???? Empty Tag)

?????????????????ltHRgt
19
???????????? (Image)
ltIMG SRCart.jpggt
20
?????????????????? (Link)

• ????????????????? Web Page
• ??????????????????? Web Page ???? ??????? Web Site

ltA NAME?????????????????gt???????? Link ??lt/Agt ltA
HREF????????????????? ???? URLgt?????????????????
?? Linklt/Agt
??????????
21
????????

• Http//www.Kidsquare.com
• ??????? ????????? ??????????. ????????????????????
  HTML. ????????????? ???????????, 2539.
• ?????? ???????????????. ??????????????????????????
  HTML. ????????????? ????????, 2540.
• ??? ????????. ??????????????????? HTML 4.
  ????????????. ?????????????
  ?????????????????????, 2541.

22
????????????????????

• http//come.to/learn-html
• http//members.xoom.com/htmleasy
• http//www.med.cmu.ac.th/webs/
• http//www.siambuilder.com