JSP ???????

1
?????????????????????????????
HTML (HyperText Markup Language)
????????????????? ???????????? ???????????????????
???????????????? http//www.nation.ac.th
??.???????? ??????????? . ???????? 12 ???????
2550
2
???????????? (HTML)
HTML (HyperText Markup Language) ???
??????????????????????????????????????????????????
? ??????????????????????????? ????????????? ???
??????????? ?? (Tim Berners Lee) HTML
??????????????????????? World Wide Web Consortium
??????????? W3C ??????? XHTML ?????? XML ???????
HTML ???? 4.01
3
???????????????????????? HTML
1. Notepad Save As ???? "c\x.htm"
?????????????????? Drive C\ 2. Internet
Explorer (IE) ???? c\x.htm ??????
Address ?????? Refresh ???? F5 ?????????????????
?????????????? Notepad 3. Web editor ??????
editor ??? preview ????? ???? DreamWeaver,
FrontPage, Namo, Composer, Hotdog, Pagemill, Word
4
HTML ????????????? ???? x.htm
lthtmlgt ltheadgt lttitlegthellolt/titlegt lt/headgt ltbody
bgcoloryellowgt welcome to my web
page lt/bodygt lt/htmlgt
5
??? ????? ??????? ????????????
ltbodygt First ltbgtlampanglt/bgtltbrgt Second
ltigtbangkoklt/igtltbrgt Third ltugtnanlt/ugtltbrgt lt/bodygt
6
????????????? (Horizontal Line)
ltbodygt lampang lthrgt bangkok lthr
width50gt nan lthr colorredgt prayao lthr size100
colorbluegt lt/bodygt
7
???????????????????
ltbodygt ltfont facecordiaupcgttaklt/fontgt ltfont
colorbluegtlampang ltfont colorred
size6gtnanlt/fontgt romeolt/fontgtltbrgt bangkok
lt/bodygt
8
Webpage Link
ltbodygt lta hrefa01.htmgtMy Homelt/agt lta
hrefa02.htmgtMy Friendslt/agt lta hrefa03.htmgtContac
tlt/agt lta hrefa04.htmgtAbout Uslt/agt lt/bodygt
9
Body Properties
ltbody bgcolorgreen textblue linkyellow
alinkred vlinkblackgt lta hrefa.htmgtA
pagelt/agt lt/bodygt
10
Internet Webpage Link
ltbodygt lta hrefproducts.htmgtProductslt/agt lta
hrefhttp//www.lampang.go.thgtLampanglt/agt lta
hrefhttp//www.thaiall.com/phpgtPHPlt/agt lt/bodygt
11
Red Green Blue
ltbody bgcolorddffffgt Red Green Blue 16 Million
(256 256 256)ltbrgt ltfont colorff0000gtredlt/fon
tgt ltfont color00ff00gtgreenlt/fontgt ltfont
color0000ffgtbluelt/fontgt ltfont
colorffff00gtyellowlt/fontgt ltfont
color000000gtblacklt/fontgt ltfont
colorffffffgtwhitelt/fontgt ltfont
colorddddddgtgraylt/fontgt lt/bodygt
12
Image Tag
ltbodygt ltimg srcx.jpggt ltimg srcx.gifgt ltimg
srcx.pnggt ltimg srchttp//a.com/x.pnggt lt/bodygt
13
Link of Image
ltbodygt lta hrefx.htmgtltimg srcx.gifgtlt/agt lta
hrefhttp//www.thaiall.comgt ltimg
srcy.gifgt lt/agt lta hrefz.htmgt ltimg srcz.jpg
border0gt lt/agt lt/bodygt
14
????? 1 ????
ltbodygt lttablegt lttdgtabclt/tdgt lt/tablegt lt/bodygt
15
????? 2 ????
ltbodygt lttable bgcolorddffddgt lttdgtlampanglt/tdgt ltt
dgtbangkoklt/tdgt lt/tablegt lt/bodygt
16
????? ????? ????????
ltbodygt lttable border1 width80 bgcoloryellow
aligncentergt lttdgtlampanglt/tdgt lttdgtbangkoklt/tdgt ltt
dgtnanlt/tdgt lt/tablegt lt/bodygt
17
????? 2 ?????? ????????? 6 ????
ltbodygt lttable border1gt lttrgt lttdgtlampanglt/tdgt lttdgt
bangkoklt/tdgt lttdgtnanlt/tdgt lt/trgt lttrgt lttdgtboylt/tdgt
lttdgtgirllt/tdgt lttdgtbabylt/tdgt lt/trgt lt/tablegt lt/bodygt
18
?????????????????????????
lttable border1 width100gtlttrgt lttd
alignleftgtaltbrgtbltbrgtcltbrgtdlt/tdgt lttd valigntop
width100gtelt/tdgt lttd valignbottom
alignrightgtflt/tdgt lt/trgtlt/tablegt
19
????????????????? 2 ????
ltbodygt lttable border1 width200gt lttrgtlttdgtalt/tdgtltt
dgtblt/tdgtlt/trgt lttrgtlttd colspan2gtclt/tdgtlt/trgt lt/tabl
egt lt/bodygt
20
????????????????? 2 ???
lttable border1 width200gt lttrgtlttdgtalt/tdgtlttd
rowspan2gtblt/tdgtlttdgtclt/tdgtlt/trgt lttrgtlttdgtdlt/tdgtlttdgt
elt/tdgtlt/trgt lt/tablegt
21
?????????? DIV
ltbodygt ltdiv alignrightgt abc lt/divgt lt/bodygt
22
??????????????? DIV (Layer)
ltbodygt ltdiv style"positionabsolute left10px
top15px"gt ltfont size6 faceimpactgtabclt/fontgt lt/
divgt lt/bodygt
23
????????????? Layer
ltdiv style"positionabsolute left10px
top15px z-index3"gt ltimg srcx1.jpggtlt/divgt ltdiv
style"positionabsolute left50px top45px
z-index1"gt ltimg srcx1.jpggtlt/divgt ltdiv
style"positionabsolute left90px top75px
z-index2"gt ltimg srcx1.jpggtlt/divgt
24
Form Radio, Checkbox, Select
ltform action"x.php" methodpostgt ltinput
namenamegt ltinput typeradio valueth
namecountrygtthai ltinput typeradio valuecn
namecountrygtchina ltinput typecheckbox
namef1gtriceltinput typecheckbox namef2
checkedgticeltinput typecheckbox namef3
checkedgtcokeltselect namesex size6gtltoption
valuem selectedgtMaleltoption valuefgtFemalelt/sel
ectgtltinput typesubmitgtlt/formgt
25
Form Textarea, Button
ltform action"x.php" methodpostgt lttextarea
namemsg rows10 cols80gt a b c lt/textareagt ltinput
typebutton valueclose onclick"javascriptwindo
w.close()"gtltinput typesubmitgtlt/formgt
26
CSS (Cascading Style Sheets)
lthtmlgtltheadgt ltstyle type"text/css"gt body
font-family"ms sans serif" colorbluebackgroun
d-colorpink td font-size20pxfont-familyarial
colorredbackground-coloryellow lt/stylegt
lt/headgtltbodygt Hello lttablegtlttdgtabclt/tdgtlt/tablegt lt
/bodygt
27
Redirect to New WebPage
lthtmlgtltheadgtlttitlegthello from burinlt/titlegt
ltmeta http-equivrefresh content"0urlhttp//w
ww.x.com"gt ltmeta http-equivcontent-type
content"text/html charsetwindows-874"gt ltmeta
namekeywords content"new,page"gt ltmeta
namedescription content"my first page"gt
lt/headgt ltbodygtplease waitlt/bodygt lt/htmlgt