P. 1
ง31242 วิชา การสร้างเว็บไซต์

ง31242 วิชา การสร้างเว็บไซต์

|Views: 11|Likes:
Published by Arunee Chaipichit

More info:

Published by: Arunee Chaipichit on Aug 07, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PPT, PDF, TXT or read online from Scribd
See more
See less

08/25/2015

pdf

text

original

úēè úēèĎĄęôĖ ĎĄęôĖ ëĒă ëĒă

ÿĕëĕö ÿĕëĕö
ýĚŪċĎú ýĚŪċĎú
è è31242 31242 Ĉĕëē âēĄ Ĉĕëē âēĄ
ċĄŪēèġĈĨûĥìöŭ ċĄŪēèġĈĨûĥìöŭ
ýĆâēĄġĄĖăúĄĚŪøĖĩåēõČĈĒè ýĆâēĄġĄĖăúĄĚŪøĖĩåēõČĈĒè
1 1..ĄĚŪéĒâċũĈúüĄđâĎûãĎèåĎĂÿĕĈġöĎĄŭĄĈĂøĒĪèġãŪēĤé ĄĚŪéĒâċũĈúüĄđâĎûãĎèåĎĂÿĕĈġöĎĄŭĄĈĂøĒĪèġãŪēĤé
ČúŪēøĖĩ ĢĆđâēĄøĮ ēèēú ČúŪēøĖĩ ĢĆđâēĄøĮ ēèēú
ãĎèċũĈúüĄđâĎûúĒĪú ãĎèċũĈúüĄđâĎûúĒĪú
2 2..ċēĂēĄ÷ĤëŪèēúĎĕúġøĎĄŭġúĨöĤúâēĄġĄĖăâãŪĎĂĚĆ ċēĂēĄ÷ĤëŪèēúĎĕúġøĎĄŭġúĨöĤúâēĄġĄĖăâãŪĎĂĚĆ
(www) (www) âēĄåŪúČē âēĄåŪúČē
ãŪĎĂĚĆ ãŪĎĂĚĆ(Search) (Search) ĥõŪ ĥõŪ
3 3..üðĕ ûĒöĕâēĄġãĖăúåĮēċĒĩèāēĊē üðĕ ûĒöĕâēĄġãĖăúåĮēċĒĩèāēĊē HTML HTML ĢĆđġãĖăú ĢĆđġãĖăú
ċåĄĕüöŭõŪĈă ċåĄĕüöŭõŪĈă PHP/JAVA PHP/JAVAöēĂøĖĩâĮ ēČúõĥõŪ öēĂøĖĩâĮ ēČúõĥõŪ
4 4..üðĕ ûĒöĕâēĄċĄŪēèèēúġĎâċēĄõŪĈăģüĄĢâĄĂġĈĨû üðĕ ûĒöĕâēĄċĄŪēèèēúġĎâċēĄõŪĈăģüĄĢâĄĂġĈĨû
ĎĕõĕġöĎĄŭ ĎĕõĕġöĎĄŭ Dreamwever Dreamwever
öēĂøĖĩâĮēČúõĥõŪ öēĂøĖĩâĮēČúõĥõŪ
5 5..ċēĂēĄ÷öâĢöũ èġĈĨûĥìöŭõŪĈăģüĄĢâĄĂ ċēĂēĄ÷öâĢöũ èġĈĨûĥìöŭõŪĈăģüĄĢâĄĂ
Photoshop/Flash/Swith Photoshop/Flash/Swith ĥõŪ ĥõŪ
ğåĄèċĄŦ ēèāēĊē ğåĄèċĄŦ ēèāēĊē
HTML HTML
<HTML> <HTML>
<HEAD> <HEAD>
<TITLE> <TITLE> </TITLE> </TITLE>
</HEAD> </HEAD>
<BODY> <BODY>
</BODY> </BODY>
</HTML> </HTML>
ĄĚüĞûûĎĒâĊĄ ĄĚüĞûûĎĒâĊĄ
<B> <B>öĒĈČúē öĒĈČúē<<//B> B>
<I> <I>öĒĈġĎĖăè öĒĈġĎĖăè<<//I> I>
<U> <U>ãĖõĝċŦúĠöŦ öĒ ĈĎĒâĊĄ ãĖõĝċŦúĠöŦ öĒ ĈĎĒâĊĄ
<<//U> U>
åĪēċĒĥèãėĦúûĄĄøĒ õ åĪēċĒĥèãėĦúûĄĄøĒ õ
ĠČĂť ĠČĂť
<BR> <BR>
<CENTER> <CENTER> ãŪĎåĈēĂ ãŪĎåĈēĂ
</CENTER> </CENTER>
åĮēċĒĩ èéĒ õĤČŪ ãŪĎåĈēĂĎăĚũ â åĮēċĒĩ èéĒ õĤČŪ ãŪĎåĈēĂĎăĚũ â
ëúĕõ ëúĕõ( (Font Font) ) ãĎè ãĎè
öĒĈĎĒâĊĄ öĒĈĎĒâĊĄ
âēĄĝĆĘ Ďâ âēĄĝĆĘ Ďâ Font Font ãĎèöĒĈĎĒâĊĄ ċēĂēĄ÷ ãĎèöĒĈĎĒâĊĄ ċēĂēĄ÷
øĪēġõŦ ğõăĠëŦåĪēċĒĥèõĒèúĖĦ øĪēġõŦ ğõăĠëŦåĪēċĒĥèõĒèúĖĦ
<FONT <FONT FACE FACE=" ="ëĘĥĎ ëĘĥĎFONT FONT""> > ĝëťú ĝëťú
<FONT FACE <FONT FACE=" ="Ms Sans Serif Ms Sans Serif"">>
ĎēéēĄăũ ĎēéēĄăũ ĎĄęôĖ ĎĄęôĖ</FONT> </FONT>
ãúēõãĎè ãúēõãĎè
öĒĈĎĒâĊĄ öĒĈĎĒâĊĄ
ġĄēċēĂēĄ÷âĮēČúõãúēõãĎèöĒ ĈĎĒâĊĄ ġĄēċēĂēĄ÷âĮēČúõãúēõãĎèöĒ ĈĎĒâĊĄ
ĥõŪ ĥõŪ 2 2 ĈĕùĖ ĈĕùĖ
1 1. . ĤúâĄôĖøĖĩġüűúČĒĈãŪĎ ĤúâĄôĖøĖĩġüűúČĒĈãŪĎ ( (Heading Heading) )
ċēĂēĄ÷ĤëŪåĮ ēċĒĩ èöũĎĥüúĖĪ ċēĂēĄ÷ĤëŪåĮ ēċĒĩ èöũĎĥüúĖĪ
<H <H1 1>>ãúēõĤČîũċęõ ãúēõĤČîũċęõ<<//H H1 1>>
<H <H2 2>>ãúēõĤČîũ ãúēõĤČîũ<<//H H2 2>>
<H <H3 3>>ãúēõâĆēè ãúēõâĆēè<<//H H3 3>>
<H <H4 4>>ãúēõüâöĕ ãúēõüâöĕ <<//H H4 4>>
<H <H5 5>>ãúēõġĆĨâ ãúēõġĆĨâ<<//H H5 5>>
ãúēõãĎè ãúēõãĎè
öĒĈĎĒâĊĄ öĒĈĎĒâĊĄ
ġĄēċēĂēĄ÷âĮēČúõãúēõãĎèöĒ ĈĎĒâĊĄ ġĄēċēĂēĄ÷âĮēČúõãúēõãĎèöĒ ĈĎĒâĊĄ
ĥõŪ ĥõŪ 2 2 ĈĕùĖ ĈĕùĖ
2 2. . ĤúâĄôĖøĒĩ Ĉĥü éđĤëŪåĮēċĒĩ è ĤúâĄôĖøĒĩ Ĉĥü éđĤëŪåĮēċĒĩ è <FONT <FONT
SIZE SIZE==åũēöĒ ĈġĆã åũēöĒ ĈġĆã> > ġëũú ġëũú
<FONT SIZE <FONT SIZE==3 3>>öĒ ĈĎĒâĊĄãúēõ öĒ ĈĎĒâĊĄãúēõ
3 3<<//FONT> FONT> ČĄĘĎ ČĄĘĎ
<FONT SIZE <FONT SIZE==5 5>>öĒ ĈĎĒâĊĄãúēõ öĒ ĈĎĒâĊĄãúēõ
5 5<<//FONT FONT> >
ãŦĎċĒèĝâö ãŦĎċĒèĝâö
<FONT FACE <FONT FACE==" "Ms Sans Serif Ms Sans Serif" ">>ĎēéēĄăŭ ĎēéēĄăŭĎĄęôĖ ĎĄęôĖ
</ </FONT> FONT>
<FONT <FONT COLOR COLOR==red> red> ĎēéēĄăŭ ĎēéēĄăŭĎĄęôĖ ĎĄęôĖ
<<//FONT> FONT>
<FONT FACE <FONT FACE==" "Ms Sans Serif Ms Sans Serif" " COLOR COLOR
=red> =red>
ĎēéēĄăŭ ĎēéēĄăŭĎĄęôĖ ĎĄęôĖ
</ </FONT> FONT>
<FONT SIZE <FONT SIZE==3 3>>öĒĈĎĒâĊĄãúēõ öĒĈĎĒâĊĄãúēõ 3 3<<//FONT> FONT>
ċĖãĎè ċĖãĎè
öĒĈĎĒ âĊĄ öĒĈĎĒ âĊĄ
ċĖãĎèöĒĈĎĒâĊĄ ċēĂēĄ÷âĮēČúõ ċĖãĎèöĒĈĎĒâĊĄ ċēĂēĄ÷âĮēČúõ
ĥõŪ ĥõŪ 2 2 ĢúĈøēèåĘĎ ĢúĈøēèåĘĎ
1 1. . ĤëŪåĮēċĒĩè ĤëŪåĮēċĒĩè <<FONT COLOR FONT COLOR==
ëĘĩĎċĖ ëĘĩĎċĖ> > ġëũú ġëũú
<<FONT COLOR FONT COLOR==red> red>
öĒĈĎĒâĊĄċĖĢõè öĒĈĎĒâĊĄċĖĢõè<<//FONT> FONT> ČĄĘĎ ČĄĘĎ
<<FONT COLOR FONT COLOR==green> green>
öĒĈĎĒâĊĄċĖġãĖăĈ öĒĈĎĒâĊĄċĖġãĖăĈ<<//FONT> FONT>
ċĖãĎè ċĖãĎè
öĒĈĎĒ âĊĄ öĒĈĎĒ âĊĄ
ċĖãĎèöĒĈĎĒâĊĄ ċēĂēĄ÷âĮēČúõ ċĖãĎèöĒĈĎĒâĊĄ ċēĂēĄ÷âĮēČúõ
ĥõŪ ĥõŪ 2 2 ĢúĈøēèåĘĎ ĢúĈøēèåĘĎ
2 2.. ĤëŪåĮēċĒĩè ĤëŪåĮēċĒĩè <<FONT COLOR FONT COLOR==
ĄČĒċċĖ ĄČĒċċĖ> > ġëũú ġëũú
<<FONT COLOR FONT COLOR==#FF #FF00 00FF> FF>
öĒĈĎĒâĊĄċĖëĂÿĚ öĒĈĎĒâĊĄċĖëĂÿĚ<<//FONT> FONT> ČĄĘĎ ČĄĘĎ
<<FONT COLOR FONT COLOR==# #0000 0000FF> FF>
öĒĈĎĒâĊĄċĖúĪĮēġèĕú öĒĈĎĒâĊĄċĖúĪĮēġèĕú<<//FONT> FONT>
ëĘĩĎċĖ ëĘĩĎċĖ
Aqua Aquamarine Azure Beige
Blue Bisque Chartreuse Chocolate
Coral Cornsilk Firebrick Fuchsia
Gold Grainsboro Gray Green
Honeydew Ivory Khaki Lavender
Lime Linen Maroon Moccasin
ëĘĩĎċĖ ëĘĩĎċĖ
Navy Olive Orchid Peru
Plum Purple Red Salmon
Seashell Sienna Silver Snow
Tan Teal Tomato Turquoise
Violet Wheat White Yellow
âēĄĢċõèýĆĢûûĄēăâēĄ âēĄĢċõèýĆĢûûĄēăâēĄ
ĢûûĂĖČĂēăġĆãâĮēâĒû ĢûûĂĖČĂēăġĆãâĮēâĒû <OL > <OL >
<LI> <LI> ĄēăâēĄøĖĩ ĄēăâēĄøĖĩ 1 1
<LI> <LI> ĄēăâēĄøĖĩ ĄēăâēĄøĖĩ 2 2
</OL> </OL>
öĒĈĎăũēè öĒĈĎăũēè
<OL> <OL>
<LI> <LI> åôđĈĕøăēĉēċöĄŭ åôđĈĕøăēĉēċöĄŭ
<LI> <LI> åôđāēĊēĥøă åôđāēĊēĥøă
<LI> <LI> åôđċĒèåĂĉēċöĄŭ åôđċĒèåĂĉēċöĄŭ
<LI> <LI> åôđĎĒèâąĊ åôđĎĒèâąĊ
<LI> <LI> åôđåĎĂÿĕ ĈġöĎĄŭ åôđåĎĂÿĕ ĈġöĎĄŭ
</OL> </OL>
<OL value = " <OL value = "1 1" > " >
<LI> <LI> ĄēăâēĄøĖĩ ĄēăâēĄøĖĩ 1 1
<LI> <LI> ĄēăâēĄøĖĩ ĄēăâēĄøĖĩ 2 2
</OL> </OL>
âēĄĢċõèýĆĢûûĄēăâēĄ ĤëŪåĮēċĒĩè âēĄĢċõèýĆĢûûĄēăâēĄ ĤëŪåĮēċĒĩè
<OL> <OL> ġüűúġĄĕĩĂĢĆđüŠ õøŪ ēăõŪ Ĉă ġüűúġĄĕĩĂĢĆđüŠ õøŪ ēăõŪ Ĉă
</OL> </OL> ċũĈúåĮēċĒĩè ċũĈúåĮēċĒĩè <LI> <LI> ġüűú ġüűú
öĮēĢČúũ èãĎèĄēăâēĄøĖĩöŪĎèâēĄ öĮēĢČúũ èãĎèĄēăâēĄøĖĩöŪĎèâēĄ
úĮēġċúĎ ġĄēċēĂēĄ÷âĮ ēČúõĤČŪ úĮēġċúĎ ġĄēċēĂēĄ÷âĮ ēČúõĤČŪ
ĢċõèýĆĄēăâēĄĥõŪ ČĆēăĢûûġëũú ĢċõèýĆĄēăâēĄĥõŪ ČĆēăĢûûġëũú
ġĄĖ ăèĆĮēõĒ û ġĄĖ ăèĆĮēõĒ û 1 1,,2 2,,3 3... ... ČĄĘĎ ČĄĘĎ I,II,III... I,II,III...
âēĄĢċõèýĆĢûûĄēăâēĄ âēĄĢċõèýĆĢûûĄēăâēĄ
ĢûûĂĖċĒîĆĒâĊôŭâĮēâĒû ĢûûĂĖċĒîĆĒâĊôŭâĮēâĒû
<UL type = "square"> <UL type = "square">
<LI> <LI> ĄēăâēĄøĖĩ ĄēăâēĄøĖĩ 1 1
<LI> <LI> ĄēăâēĄøĖĩ ĄēăâēĄøĖĩ 2 2
</UL> </UL>
- - ĄĚ üĈèâĆĂøėû ĄĚ üĈèâĆĂøėû " "disc" disc"
- - ĄĚ üĈèâĆĂģüĄũ è ĄĚ üĈèâĆĂģüĄũ è " "circle" circle"
- - ĄĚ üċĖĩġČĆĖĩ ăĂ ĄĚ üċĖĩġČĆĖĩ ăĂ " "square" square"
ýĆĆĒÿùŭøĖĩĥõŪĂĖ ýĆĆĒÿùŭøĖĩĥõŪĂĖ
ĆĒâĊôđõĒèúĖĪ ĆĒâĊôđõĒèúĖĪ
ġëĖăèĤČĂũ ġëĖăèĤČĂũ
ġëĖăèĄēă ġëĖăèĄēă
ĢÿĄũ ĢÿĄũ
úũ ēú úũ ēú
ĆĮēüēè ĆĮēüēè
éęõġëĘĩĎĂģăè éęõġëĘĩĎĂģăè
ãŪĎĂĚĆ ãŪĎĂĚĆ
<a <a href href ="#news"> Hot News </a> ="#news"> Hot News </a>
<a name ="news"> <a name ="news">
âĮēČúõéęõġëĘĩĎĂëĘĩĎ âĮēČúõéęõġëĘĩĎĂëĘĩĎ news news
ċũĈú ċũĈú ³a ³a name´ name´ åĘĎ åĘĎ
öĮēĢČúũèøĖĩĆĕèåŭĥü öĮēĢČúũèøĖĩĆĕèåŭĥü
( (ġĎâċēĄġõĖăĈâĒú ġĎâċēĄġõĖăĈâĒú) )
éęõġëĘĩĎĂģăè éęõġëĘĩĎĂģăè
ãŪĎĂĚĆ ãŪĎĂĚĆ
ċĄŪēèĆĕèåŭĥüăĒ è ċĄŪēèĆĕèåŭĥüăĒ è
ġĎâċēĄëĘĩĎ ġĎâċēĄëĘĩĎ
"news.html" "news.html"
<a <a href href ="news.html"> Hot News </a> ="news.html"> Hot News </a>
éęõġëĘĩĎĂģăè éęõġëĘĩĎĂģăè
ãŪĎĂĚĆ ãŪĎĂĚĆ
ċĄŪēèĆĕèåŭĥüăĒ è ċĄŪēèĆĕèåŭĥüăĒ è
ġĈĨûĥìöŭĎĘĩú ġĈĨûĥìöŭĎĘĩú
<a <a href href ="http://www.thai.com"> Thai </a> ="http://www.thai.com"> Thai </a>
éęõġëĘĩĎĂģăè éęõġëĘĩĎĂģăè
ãŪĎĂĚĆ ãŪĎĂĚĆ
ċĄŪēèĆĕ èåŭ ĥüăĒ èġĈĨûĥìöŭ ĎĘĩ ú ċĄŪēèĆĕ èåŭ ĥüăĒ èġĈĨûĥìöŭ ĎĘĩ ú
ĢĆđġüŠ õČúŪēöũ ēèĤČĂũ ĢĆđġüŠ õČúŪēöũ ēèĤČĂũ
<a <a href href ="http://www.thai.com" target = "_blank" > ="http://www.thai.com" target = "_blank" >
Thai Thai
</a> </a>
åĮēċĒĩèĢøĄâ åĮēċĒĩèĢøĄâ
ĄĚüāēÿ ĄĚüāēÿ
<<img img src src = "photo.gif"> = "photo.gif">
éđöŪĎèĂĖâēĄĄđûę éđöŪĎèĂĖâēĄĄđûę
öĮēĢČúũèãĎè öĮēĢČúũèãĎè
ĄĚüāēÿ ĢĆđëĘĩĎãĎè ĄĚüāēÿ ĢĆđëĘĩĎãĎè
ĄĚüāēÿġëũú ĄĚüāēÿġëũú
<<img img src src = "D: = "D:\\ġöĄĖ ăĂċĎú ġöĄĖ ăĂċĎú
âēĄĤċũĄĚüāēÿĆèĤú âēĄĤċũĄĚüāēÿĆèĤú
ġĈĨû ġĈĨûġÿé ġÿé
ĄĚüĢûû ĄĚüĢûû <<IMG IMG
ALIGN=align ALIGN=align- -type type
BORDER=n HEIGHT=n BORDER=n HEIGHT=n
WIDTH=n HSPACE=n WIDTH=n HSPACE=n
VSPACE=n SRC=address VSPACE=n SRC=address
ALT=text> ALT=text>
âēĄĤċũĄĚ üāēÿĆèĤúġĈĨ ûġÿé
ALIGN=align-type(öĮēĢČúũ è) ġüűú
âēĄ âĮ ēČúõ öĮēĢČúũ è ĄĚüāēÿ ÷Ūē
āēÿĥĂũ ĤČîũ ãŪĎåĈēĂ úĒĪúéđ ĎăĚũ
øĖĩöĮēĢČúũ è ċũĈúĆũēè ãĎèāēÿ
øēèãĈē ĂĘĎġċĂĎ ġĄēċēĂēĄ÷
âĮēČúõĥõŪ ģõăĤëŪåĮēöũēè ħ ġČĆũēúĖĪ
LEFT = ĈēèāēÿøĖĩöĮēĢČúũè
øēèìŪēă
RIGHT = ĈēèāēÿøĖĩöĮēČúũèøēè
ãĈē
âēĄĤċũĄĚ üāēÿĆèĤúġĈĨ û âēĄĤċũĄĚ üāēÿĆèĤúġĈĨ ûġÿé ġÿé
BORDER=n BORDER=n ġüűúâēĄ âĮēČúõ ġüűúâēĄ âĮēČúõ
âĄĎûĤČŪ ĄĚ üāēÿ âĄĎûĤČŪ ĄĚ üāēÿ n n ĂĖåũēĂēâ ĂĖåũēĂēâ
âĄĎûéđ ĂĖ åĈēĂČúē ĂēâãėĪú âĄĎûéđ ĂĖ åĈēĂČúē ĂēâãėĪú
HEIGHT=n HEIGHT=n ġüűúâēĄ âĮēČúõ ġüűúâēĄ âĮēČúõ
åĈēĂċĚè ãĎèāēÿ åĈēĂċĚè ãĎèāēÿ
WIDTH=n WIDTH=n ġüűúâēĄ âĮ ēČúõ åĈēĂ ġüűúâēĄ âĮ ēČúõ åĈēĂ
âĈŪēè ãĎèāēÿ ÷ŪēöŪĎèâēĄ ĤČŪ âĈŪēè ãĎèāēÿ ÷ŪēöŪĎèâēĄ ĤČŪ
āēÿĥõŪ ċĒ õċũĈú ĤČŪ âĮēČúõ ġüűú āēÿĥõŪ ċĒ õċũĈú ĤČŪ âĮēČúõ ġüűú
âēĄĤċũĄĚüāēÿĆèĤúġĈĨû âēĄĤċũĄĚüāēÿĆèĤúġĈĨûġÿé ġÿé
VSPACE=n VSPACE=n âĮēČúõ Ąđăđ Čũēèûú âĮēČúõ Ąđăđ Čũēèûú
ĆũēèãĎè āēÿ ĆũēèãĎè āēÿ
HSPACE=n HSPACE=n âĮēČúõ Ąđăđ Čũēè ìŪēă âĮēČúõ Ąđăđ Čũēè ìŪēă - -
ãĈē ãĎèāēÿ ãĈē ãĎèāēÿ
SRC = SRC =ĤċũĄĚüāēÿøĖĩöŪĎèâēĄĆèĥü ĤċũĄĚüāēÿøĖĩöŪĎèâēĄĆèĥü
ALT =text ALT =text ĤċũãŪĎ åĈēĂ ġÿĘĩĎġüűú ĤċũãŪĎ åĈēĂ ġÿĘĩĎġüűú
åĮ ēĎùĕûēă ĄĚ üāēÿ øĖĩúĮēĂēĈēè åĮ ēĎùĕûēă ĄĚ üāēÿ øĖĩúĮēĂēĈēè
ċĮ ēČĄĒû ýĚŪĤëŪ ċĮ ēČĄĒû ýĚŪĤëŪ ĎĕúġöĎĄŭġúö ĎĕúġöĎĄŭġúö ĢûûġøĨâìŭ ĢûûġøĨâìŭ
ãŪĎċĒ èġâö ãŪĎċĒ èġâö ALIGN ALIGN ĥĂũċēĂēĄ÷ ĥĂũċēĂēĄ÷
âĮēČúõĤČŪ ĄĚüāēÿ ĥü âĮēČúõĤČŪ ĄĚüāēÿ ĥüüĄēâï üĄēâïăĒ è ăĒ è
âēĄĢċõèāēÿêēâČĆĒ è âēĄĢċõèāēÿêēâČĆĒ è
ĄĚüĢûû ĄĚüĢûû BACKGROUND="picture" BACKGROUND="picture"
âĮēČúõ ĢĎ âĮēČúõ ĢĎöøĄĕûĕĈöŭ öøĄĕûĕĈöŭ
BACKGROUND="picture" BACKGROUND="picture" ĤúåĮēċĒĩè ĤúåĮēċĒĩè
ãĎè ãĎè <BODY> <BODY> ġëũú ġëũú
<BODY BACKGROUND="hot.gif"> <BODY BACKGROUND="hot.gif">
âēĄĢċõèāēÿêēâČĆĒèġüűúċĖ âēĄĢċõèāēÿêēâČĆĒèġüűúċĖ
ġëũú ġëũú
<BODY BGCOLOR=#FF <BODY BGCOLOR=#FF00 00FF> FF>
<BODY BGCOLOR=red> <BODY BGCOLOR=red>
éęõġëĘĩĎĂģăè éęõġëĘĩĎĂģăè
ãŪĎĂĚĆ ãŪĎĂĚĆ
ċĄŪēèĆĕèåŭģõăĤëŪ ċĄŪēèĆĕèåŭģõăĤëŪ
ĄĚüāēÿ ĄĚüāēÿ
ëĘĩĎ ëĘĩĎ photo.gif photo.gif ġüűú ġüűú
öĒĈġëĘĩĎĂ öĒĈġëĘĩĎĂ
<a <a href href ="http://www.thai.com"> ="http://www.thai.com">
<<img img src src = "photo.gif"> </a> = "photo.gif"> </a>
éęõġëĘĩĎĂģăè éęõġëĘĩĎĂģăè
ãŪĎĂĚĆ ãŪĎĂĚĆ
ċĄŪ ēèĆĕèåŭĂēăĒè ċĄŪ ēèĆĕèåŭĂēăĒè
ĎĖ ĎĖġĂĆăŭ ġĂĆăŭ
<a <a href href ="mailto:yo@mail.com"> ="mailto:yo@mail.com">
Email Email
</a> </a>
âēĄċĄŪēèöēĄēè âēĄċĄŪēèöēĄēè
<TABLE BORDER = " <TABLE BORDER = "2 2" > " >
<CAPTION> <CAPTION> âēĄċĄŪēèöēĄēè âēĄċĄŪēèöēĄēè
</CAPTION> </CAPTION>
<TR> <TR>
<TH> <TH> ČĒĈġĄĘĩĎè ČĒĈġĄĘĩĎè 1 1 </TH> </TH>
<TH> <TH> ČĒĈġĄĘĩĎè ČĒĈġĄĘĩĎè 2 2 </TH> </TH>
</TR> </TR>
<TR> <TR>
<TD> <TD> ãŪĎĂĚĆ ãŪĎĂĚĆ 1 1 </TD> </TD>
<TD> <TD> ãŪĎĂĚĆ ãŪĎĂĚĆ 2 2 </TD> </TD>
</TR> </TR>
</TABLE> </TABLE>
âēĄċĄŪēèöēĄēè ĤëŪåĮēċĒĩè âēĄċĄŪēèöēĄēè ĤëŪåĮēċĒĩè
<TABLE> <TABLE> ġüűúġĄĕĩĂĢĆđüŠõ ġüűúġĄĕĩĂĢĆđüŠõ
øŪēăõŪĈă øŪēăõŪĈă </TABLE> </TABLE> ċũĈú ċũĈú
BORDER BORDER ġüűúåĮēċĒĩèăũĎă ġüűúåĮēċĒĩèăũĎă
ġÿĘĩĎĤëŪ âĮēČúõãúēõãĎè ġÿĘĩĎĤëŪ âĮēČúõãúēõãĎè
ġċŪúöēĄēè ġċŪúöēĄēè
÷ŪēâĮēČúõ ÷ŪēâĮēČúõ = = ³³0 0´´éđ éđ
ČĂēă÷ėèĥĂũĂĖġċŪú ČĂēă÷ėèĥĂũĂĖġċŪú
âēĄċĄŪēèöēĄēè âēĄċĄŪēèöēĄēè
- - åĮēċĒĩè åĮēċĒĩè <CAPTION> <CAPTION> ĢĆđ ĢĆđ< <
/CAPTION> /CAPTION>
ġüűúåĮēċĒĩèĢċõèãŪĎåĈēĂĎùĕûēăëĘĩĎ ġüűúåĮēċĒĩèĢċõèãŪĎåĈēĂĎùĕûēăëĘĩĎ
öēĄēè öēĄēè
- - åĮēċĒĩè åĮēċĒĩè <TR> <TR> ĢĆđ ĢĆđ< /TR> < /TR>
ġüűúåĮēċĒĩèġÿĘĩĎâĮēČúõĢ÷ĈĤúöēĄēè ġüűúåĮēċĒĩèġÿĘĩĎâĮēČúõĢ÷ĈĤúöēĄēè
- - åĮēċĒĩè åĮēċĒĩè <TH> <TH> ĢĆđ ĢĆđ< /TH> < /TH>
ġüűúåĮēċĒĩèġÿĘĩĎâĮēČúõČĒ ĈġĄĘĩĎè ýĆĆĒÿùŭ ġüűúåĮēċĒĩèġÿĘĩĎâĮēČúõČĒ ĈġĄĘĩĎè ýĆĆĒÿùŭ
øĖĩĥõŪåĘĎöĒĈĎĒ âĊĄ øĖĩĥõŪåĘĎöĒĈĎĒ âĊĄ
éđČúēâĈũ ēüâöĕ éđČúēâĈũ ēüâöĕ ( (õĚöĒĈĎăũēèüĄđâĎû õĚöĒĈĎăũēèüĄđâĎû) )
- - åĮēċĒĩè åĮēċĒĩè <TD> <TD> ĢĆđ ĢĆđ< /TD> < /TD>
âēĄċĄŪēèöēĄēè âēĄċĄŪēèöēĄēè
åĈēĂČĂēăãĎèåĮēċĒĩè
Table
- TR ČĂēă÷ėè Table Row
- TH ČĂēă÷ėè Table Head
- TD ČĂēă÷ėè Table Data
âēĄċĄŪēèöēĄēè âēĄċĄŪēèöēĄēè
âĮēČúõåĈēĂâĈŪēèĢĆđåĈēĂċĚ èãĎèöēĄēè âĮēČúõåĈēĂâĈŪēèĢĆđåĈēĂċĚ èãĎèöēĄēè
<TABLE width=" <TABLE width="50 50%" height = " %" height = "60 60%" > %" >
<CAPTION> <CAPTION> ãúēõãĎèöēĄēè ãúēõãĎèöēĄēè
</CAPTION> </CAPTION>
<TR> <TH> <TR> <TH> ČĒĈġĄĘĩ Ďè ČĒĈġĄĘĩ Ďè 1 1 </TH> </TH>
<TH> <TH> ČĒĈġĄĘĩĎè ČĒĈġĄĘĩĎè 2 2 </TH> </TR> </TH> </TR>
<TR> <TD> <TR> <TD> ãŪĎĂĚ Ć ãŪĎĂĚ Ć 1 1 </TD> </TD>
<TD> <TD> ãŪĎĂĚ Ć ãŪĎĂĚ Ć 2 2 </TD> </TR> </TD> </TR>
</TABLE> </TABLE>
ãúēõãĎèöēĄēè ãúēõãĎèöēĄēè
âĮēČúõåĈēĂċĚ èãĎèĢ÷Ĉ âĮēČúõåĈēĂċĚ èãĎèĢ÷Ĉ ( (row) row)
<TABLE width=" <TABLE width="50 50%"> %">
<TR> <TH> <TR> <TH> ČĒĈġĄĘĩ Ďè ČĒĈġĄĘĩ Ďè 1 1 </TH> </TH>
<TH> <TH> ČĒĈġĄĘĩĎè ČĒĈġĄĘĩĎè 2 2 </TH> </TR> </TH> </TR>
<TR> <TD> <TR> <TD> ãŪĎĂĚ Ć ãŪĎĂĚ Ć 1 1 </TD> </TD>
<TD <TD rowspan rowspan = " = "2 2" > " > ãŪĎĂĚ Ć ãŪĎĂĚ Ć 2 2
</TD> </TR> </TD> </TR>
<TR> <TD> <TR> <TD> ãŪĎĂĚ Ć ãŪĎĂĚ Ć 3 3 </TD> </TR> </TD> </TR>
</TABLE> </TABLE>
ãúēõãĎèöēĄēè ãúēõãĎèöēĄēè
âĮēČúõåĈēĂâĈŪēèãĎè âĮēČúõåĈēĂâĈŪēèãĎèåĎĆĒ Ăāŭ åĎĆĒ Ăāŭ
( (column) column)
<TABLE width=" <TABLE width="50 50%"> %">
<TR> <TH> <TR> <TH> ČĒĈġĄĘĩ Ďè ČĒĈġĄĘĩ Ďè 1 1 </TH> </TH>
<TH> <TH> ČĒĈġĄĘĩĎè ČĒĈġĄĘĩĎè 2 2 </TH> </TR> </TH> </TR>
<TR> <TD> <TR> <TD> ãŪĎĂĚ Ć ãŪĎĂĚ Ć 1 1 </TD> </TD>
<TD> <TD> ãŪĎĂĚ Ć ãŪĎĂĚ Ć 2 2 </TD> </TR> </TD> </TR>
<TR> <TD <TR> <TD colspan colspan=" ="2 2" > " > ãŪĎĂĚ Ć ãŪĎĂĚ Ć 3 3
</TD> </TR> </TD> </TR>
</TABLE> </TABLE>
ãúēõãĎèöēĄēè ãúēõãĎèöēĄēè
âēĄöâĢöũèöēĄēè ĤëŪåĮēċĒĩè âēĄöâĢöũèöēĄēè ĤëŪåĮēċĒĩè
Width Width ĢĆđ ĢĆđ Height Height ġüűúåĮēċĒĩè ġüűúåĮēċĒĩè
ĤúâēĄâĮēČúõãúēõãĎè ĤúâēĄâĮēČúõãúēõãĎè
öēĄēè ġüĄĖăûġøĖăûâĒû öēĄēè ġüĄĖăûġøĖăûâĒû
éĎāēÿ ġëũú âĮēČúõ éĎāēÿ ġëũú âĮēČúõ
width=" width="50 50%" %" ČĂēă÷ėè ČĂēă÷ėè
âĮēČúõåĈēĂâĈŪēèãĎèöēĄēè âĮēČúõåĈēĂâĈŪēèãĎèöēĄēè
ĤČŪĂĖãúēõ ĤČŪĂĖãúēõ 50 50 % % ġĂĘĩĎĈĒõöēĂ ġĂĘĩĎĈĒõöēĂ
åĈēĂâĈŪēèãĎèéĎāēÿ ġüűú åĈēĂâĈŪēèãĎèéĎāēÿ ġüűú
öŪú öŪú
ģõăüâöĕġĄēéđâĮēČúõĎăũēè ģõăüâöĕġĄēéđâĮēČúõĎăũēè
ãúēõãĎèöēĄēè ãúēõãĎèöēĄēè
- - rowspan rowspan
ġüűúåĮēċĒĩèĤúâēĄâĮēČúõ ġüűúåĮēċĒĩèĤúâēĄâĮēČúõ
åĈēĂċĚèãĎèĢ÷ĈĤúöēĄēè åĈēĂċĚèãĎèĢ÷ĈĤúöēĄēè
ģõăĤëŪèēúĄũĈĂâĒûåĮēċĒĩè ģõăĤëŪèēúĄũĈĂâĒûåĮēċĒĩè
<TD> <TD>
- - colspan colspan
ġüűúåĮēċĒĩèĤúâēĄâĮēČúõ ġüűúåĮēċĒĩèĤúâēĄâĮēČúõ
åĈēĂâĈŪ ēèãĎè åĈēĂâĈŪ ēèãĎèåĎĆĒĂāŭ åĎĆĒĂāŭĤú Ĥú
öēĄēè ģõăĤëŪèēúĄũĈĂâĒû öēĄēè ģõăĤëŪèēúĄũĈĂâĒû
öēĄēèìŪĎúöēĄēè öēĄēèìŪĎúöēĄēè
<TABLE width=" <TABLE width="50 50%"> %">
<TR> <TH> <TR> <TH> ČĒĈġĄĘĩĎè ČĒĈġĄĘĩĎè 1 1 </TH> </TH>
<TH> <TH> ČĒĈġĄĘĩĎè ČĒĈġĄĘĩĎè 2 2 </TH> </TR> </TH> </TR>
<TR> <TD> <TR> <TD> ãŪĎĂĚĆ ãŪĎĂĚĆ 1 1 </TD> </TD>
<TD> <TD> ãŪĎĂĚĆ ãŪĎĂĚĆ 2 2 </TD> </TR> </TD> </TR>
<TR> <TD> <TR> <TD> ãŪĎĂĚĆ ãŪĎĂĚĆ 3 3 </TD> </TD>
<TABLE width=" <TABLE width="50 50%"> %">
<TR> <TD> <TR> <TD> ãŪĎĂĚĆ ãŪĎĂĚĆ 4 4 </TD> </TD>
<TD> <TD> ãŪĎĂĚĆ ãŪĎĂĚĆ 5 5 </TD> </TR> </TD> </TR>
</TABLE> </TABLE>
</TABLE> </TABLE>
åĪēĎùĕûēă
âēĄøĪēöēĄēè
ìŦĎúöēĄēè
ĂĒâéđĠëŦĠúâĄôĖ
ĝÿĘ ĥĎ Ďùĕûēă
ĄēăĆđĝĎĖăõ
ċĖâĒûöēĄēè ċĖâĒûöēĄēè
ċĖêēâČĆĒ èãĎèöēĄēè ċĖêēâČĆĒ èãĎèöēĄēè
<TABLE width=" <TABLE width="50 50%" %" bgcolor bgcolor = "red" > = "red" >
<CAPTION> <CAPTION> ċĖêēâČĆĒ èãĎèöēĄēè ċĖêēâČĆĒ èãĎèöēĄēè
</CAPTION> </CAPTION>
<TR> <TH> <TR> <TH> ČĒĈġĄĘĩ Ďè ČĒĈġĄĘĩ Ďè 1 1 </TH> </TH>
<TH> <TH> ČĒĈġĄĘĩĎè ČĒĈġĄĘĩĎè 2 2 </TH> </TR> </TH> </TR>
<TR> <TD> <TR> <TD> ãŪĎĂĚ Ć ãŪĎĂĚ Ć 1 1 </TD> </TD>
<TD> <TD> ãŪĎĂĚ Ć ãŪĎĂĚ Ć 2 2 </TD> </TR> </TD> </TR>
</TABLE> </TABLE>
ýĆĆĒÿùũøĖĥġõŦ
ċĖêēâČĆĒèãĎèöēĄēè
ČĒĈġĄĘĩĎè 1 ČĒĈġĄĘĩĎè 2
ãŦĎĂĚĆ 1 ãŦĎĂĚĆ 2
ċĖâĒûöēĄēè ċĖâĒûöēĄēè
âĮēČúõċĖ Ģöũ Ćđëũ ĎèĤúöēĄēè âĮēČúõċĖ Ģöũ Ćđëũ ĎèĤúöēĄēè
<TABLE width=" <TABLE width="50 50%"> %">
<TR> <TH <TR> <TH bgcolor bgcolor = "brown" > = "brown" > ČĒĈġĄĘĩĎè ČĒĈġĄĘĩĎè 1 1
</TH> </TH>
<TH <TH bgcolor bgcolor = "white"> = "white"> ČĒĈġĄĘĩĎè ČĒĈġĄĘĩĎè 2 2 </TH> </TH>
</TR> </TR>
<TR> <TD <TR> <TD bgcolor bgcolor = "green" > = "green" > ãŪĎĂĚĆ ãŪĎĂĚĆ 1 1
</TD> </TD>
<TD <TD bgcolor bgcolor = "blue" > = "blue" > ãŪĎĂĚĆ ãŪĎĂĚĆ 2 2 </TD> </TD>
</TR> </TR>
</TABLE> </TABLE>
ýĆĆĒÿùũøĖĥġõŦ
ČĒĈġĄĘĩĎè 1 ČĒĈġĄĘĩĎè 2
ãŦĎĂĚĆ 1 ãŦĎĂĚĆ 2
ċĖâĒûöēĄēè
åĮēĎùĕûēă
÷ŪēöŪĎèâēĄĤċũċĖâĄĎûãĎè
öēĄēè ċēĂēĄ÷ġÿĕĩĂåĮē õĒèúĖĪ
<TABLE bgcolor = "red">
âēĄâĮēČúõċĖċēĂēĄ÷âĮēČúõġüűú
ĄČĒċċĖĥõŪ
öĒĈĎăũēèġëũú
<TD bgcolor = " #3232CD" >
ČĂēă÷ė èċĖ Medium Bule ġüűúöŪú
âēĄċĄŪ ēèĢûûĀĎĄŭĂ âēĄċĄŪ ēèĢûûĀĎĄŭĂ
âēĄċĄŪēèĢûûĀĎĄŭĂ ċēĂēĄ÷
úĮēĥüüĄđăę âöŭĤëŪ ĥõŪ ČĆēăħĎăũ ēè
ġëũú âēĄċĄŪ ēèĢûûċĎû÷ēĂ
ĢûûĀĎĄŭ ĂĢċõèåĈēĂåĕõġČĨ ú
ġüűúöŪú ìėĩ èâēĄċĄŪēèĀĎĄŭĂĂĒâéđ
öŪĎèĤëŪåĮēċĒĩ èøĖĩġĄĖăâĈũē ³CGI´ ČĄĘĎ
javascript ëũĈăĤúâēĄĄĒ ûĢĆđċũè
ãŪĎĂĚĆ
âēĄċĄŪēè âēĄċĄŪēè
ĢûûĀĎĄŭĂ ĢûûĀĎĄŭĂ
ĄĚüĞûûâēĄċĄŦ ēèĀĎĄũĂ ĂĖ
ČĆēăĄĚüĞûû ĝĄē
ċēĂēĄ÷úĪ ēĞöť ĆđĄĚüĞûû
ýċĂýċēúâĒ úġõŦ ĝëť ú âēĄ
ýċĂĄđČĈť ēè ĄĚ üĞûû
âĄĎûüš ĎúãŦĎĂĚĆ âĒû
âĄĎûĞûûċĎû÷ēĂ ĝüŭ ú
ĢûûĀĎĄŭĂ ĢûûĀĎĄŭĂ
ĎăũēèøĖĩ âĆũēĈãŪēèöŪ ú âēĄ ĎăũēèøĖĩ âĆũēĈãŪēèöŪ ú âēĄ
úĮēĀĎĄŭ ĂĂēĤëŪĤú úĮēĀĎĄŭ ĂĂēĤëŪĤú ġĈĨü ġĈĨü
ġÿé ġÿééđöŪ ĎèĂĖâēĄúĮē éđöŪ ĎèĂĖâēĄúĮē
ģüĄĢâĄĂëũĈăĤúâēĄċũ è ģüĄĢâĄĂëũĈăĤúâēĄċũ è
ãŪĎĂĚ Ć ìėĩ èĎēéġüű ú ãŪĎĂĚ Ć ìėĩ èĎēéġüű ú
üů îČēăęũ èăēâċĮēČĄĒ û üů îČēăęũ èăēâċĮēČĄĒ û
ĂĘĎĤČĂũ õĒ èúĒĪúãĎ ĂĘĎĤČĂũ õĒ èúĒĪúãĎ
ăâöĒ ĈĎăũ ēèâēĄċĄŪēè ăâöĒ ĈĎăũ ēèâēĄċĄŪēè
âēĄċĄŪ ēèĢûûĀĎĄŭĂ âēĄċĄŪ ēèĢûûĀĎĄŭĂ
<FORM METHOD = "post/get" <FORM METHOD = "post/get"
ACTION = "URL"> ACTION = "URL">
... ...ãŪĎĂĚĆãĎèĀĎĄŭ Ă ãŪĎĂĚĆãĎèĀĎĄŭ Ă... ...
</FORM> </FORM>
ãŪĎĂĚĆãĎèĀĎĄŭĂ åĘ ĎċũĈúøĖĩ ãŪĎĂĚĆãĎèĀĎĄŭĂ åĘ ĎċũĈúøĖĩ
ċēĂēĄ÷ġÿĕĩ ĂåĮēċĒĩèĥõŪ ČĆēă ċēĂēĄ÷ġÿĕĩ ĂåĮēċĒĩèĥõŪ ČĆēă
ĄĚüĢûû ĄĚüĢûû
âēĄċĄŪ ēèĢûûĀĎĄŭĂ âēĄċĄŪ ēèĢûûĀĎĄŭĂ
âēĄċĄŪēèĀĎĄŭĂ øĖĩĤëŪåĮēċĒĩèĤČŪ âēĄċĄŪēèĀĎĄŭĂ øĖĩĤëŪåĮēċĒĩèĤČŪ
ĆĕèåŭâĆĒûĂēăĒèĎĖġĂĆŭãĎèġĄē ĆĕèåŭâĆĒûĂēăĒèĎĖġĂĆŭãĎèġĄē
<FORM> <FORM> åĘĎ åĘĎåĮēċĒè åĮēċĒèġĄĕĩĂâēĄĤëŪ ġĄĕĩĂâēĄĤëŪ
ĀĎĄŭĂ ĢĆđüŠõøŪēăõŪĈă ĀĎĄŭĂ ĢĆđüŠõøŪēăõŪĈă
</FORM> </FORM> ċũĈúåĮēċĒĩè ċũĈúåĮēċĒĩè
" "METHOD" METHOD" ġüűúåĮēċĒĩèøĖĩûĎâ ġüűúåĮēċĒĩèøĖĩûĎâ
ĈũēéđĄĒû ĈũēéđĄĒû " "GET" GET" ČĄĘĎċũèãŪĎĂĚĆ ČĄĘĎċũèãŪĎĂĚĆ
" "POST: POST: ĥüøĖĩĥČú ģõăĂĖåĮēċĒĩè ĥüøĖĩĥČú ģõăĂĖåĮēċĒĩè
" "ACTION" ACTION" ġüűúöĒĈâĮēČúõ ġüűúöĒĈâĮēČúõ
öĒĈĎăũēèâēĄċĄŪēèĀĎĄŭĂâĆĒûĂē öĒĈĎăũēèâēĄċĄŪēèĀĎĄŭĂâĆĒûĂē
ĎĖ ĎĖġĂĆăŭ ġĂĆăŭãĎèġĄē ãĎèġĄē
<FORM METHOD = "post" <FORM METHOD = "post"
ACTION = "mailto:sskulrat@yahoo.com"> ACTION = "mailto:sskulrat@yahoo.com">
Name : <INPUT TYPE='TEXT' NAME = "YOURNAME" Name : <INPUT TYPE='TEXT' NAME = "YOURNAME"
size=" size="15 15"> ">
PHONE : <INPUT TYPE='TEXT' NAME = "PHONE" PHONE : <INPUT TYPE='TEXT' NAME = "PHONE"
size=" size="15 15"> ">
<INPUT TYPE='SUBMIT' VALUE ="Send"> <INPUT TYPE='SUBMIT' VALUE ="Send">
<INPUT TYPE='RESET' VALUE ="Reset"> <INPUT TYPE='RESET' VALUE ="Reset">
</FORM> </FORM>
öĒĈĎăũēèâēĄċĄŪēèĀĎĄŭĂâĆĒûĂē öĒĈĎăũēèâēĄċĄŪēèĀĎĄŭĂâĆĒûĂē
ĎĖ ĎĖġĂĆăŭ ġĂĆăŭãĎèġĄē ãĎèġĄē
ĄĚüĢûûãĎèĀĎĄŭĂüĄđġāø ĄĚüĢûûãĎèĀĎĄŭĂüĄđġāø
öũēèħ öũēèħ
üĄđġāøâĄĎûüťĎúãŪĎĂĚĆ üĄđġāøâĄĎûüťĎúãŪĎĂĚĆ
<FORM> <FORM>
<TEXTAREA NAME = "comment" <TEXTAREA NAME = "comment"
ROWS=" ROWS="5 5" COLS=" " COLS="60 60"> ">
</TEXTAREA> </TEXTAREA>
</FORM> </FORM>
ýĆĆĒÿùŭøĖĩ ĥõŪ ãĎèĀĎĄŭĂüĄđġāø ýĆĆĒÿùŭøĖĩ ĥõŪ ãĎèĀĎĄŭĂüĄđġāøâĄĎû âĄĎû
üťĎúãŪĎĂĚ Ć üťĎúãŪĎĂĚ Ć
ĄĚüĢûûãĎèĀĎĄŭĂüĄđġāø ĄĚüĢûûãĎèĀĎĄŭĂüĄđġāø
öũēèħ öũēèħ
üĄđġāøâĄĎûĢûûċĎû÷ēĂ üĄđġāøâĄĎûĢûûċĎû÷ēĂ
<FORM> <FORM>
Name : <INPUT TYPE='TEXT' NAME = Name : <INPUT TYPE='TEXT' NAME =
"YOURNAME" size=" "YOURNAME" size="15 15" > " >
PHONE : <INPUT TYPE='TEXT' NAME = PHONE : <INPUT TYPE='TEXT' NAME =
"PHONE" size=" "PHONE" size="15 15" > " >
</FORM> </FORM>
ýĆĆĒÿùŭøĖĩ ĥõŪ ãĎèĀĎĄŭĂüĄđġāø ýĆĆĒÿùŭøĖĩ ĥõŪ ãĎèĀĎĄŭĂüĄđġāø
âĄĎûĢûûċĎû÷ēĂ âĄĎûĢûûċĎû÷ēĂ
ĄĚüĢûûãĎèĀĎĄŭĂüĄđġāø ĄĚüĢûûãĎèĀĎĄŭĂüĄđġāø
öũēèħ öũēèħ
üĄđġāøâĄĎû üĄđġāøâĄĎû PASSWORD PASSWORD
<FORM> <FORM>
YOUR Password : <INPUT YOUR Password : <INPUT
TYPE='PASSWORD' NAME = "CODE" TYPE='PASSWORD' NAME = "CODE"
size=" size="15 15" > " >
</FORM> </FORM>
ýĆĆĒÿùŭøĖĩ ĥõŪ ãĎèĀĎĄŭĂüĄđġāø ýĆĆĒÿùŭøĖĩ ĥõŪ ãĎèĀĎĄŭĂüĄđġāø
âĄĎû âĄĎû PASSWORD PASSWORD
ĆĎèâĄĎâãŪ ĎĂĚĆ ĆĎèâĄĎâãŪ ĎĂĚĆ
ĤúâĄĎûõĚ ĤúâĄĎûõĚ! !
ĄĚüĢûûãĎèĀĎĄŭĂüĄđġāø ĄĚüĢûûãĎèĀĎĄŭĂüĄđġāø
öũēèħ öũēèħ
üĄđġāø üĄđġāø Check Box Check Box
<FORM> <FORM>
<INPUT TYPE='CHECKBOX' NAME = <INPUT TYPE='CHECKBOX' NAME =
"ONE" VALUE ="value "ONE" VALUE ="value1 1" > Answer " > Answer 1 1
<INPUT TYPE='CHECKBOX' NAME = <INPUT TYPE='CHECKBOX' NAME =
"TWO" value="value "TWO" value="value2 2" > Answer " > Answer 2 2
</FORM> </FORM>
ýĆĆĒÿùŭøĖĩ ĥõŪ ãĎèĀĎĄŭĂüĄđġāø ýĆĆĒÿùŭøĖĩ ĥõŪ ãĎèĀĎĄŭĂüĄđġāø
Check Box Check Box
ĄĚüĢûûãĎèĀĎĄŭĂüĄđġāø ĄĚüĢûûãĎèĀĎĄŭĂüĄđġāø
öũēèħ öũēèħ
üĄđġāø üĄđġāø Radio Radio
<FORM> <FORM>
<INPUT TYPE='RADIO' NAME = "ONE" <INPUT TYPE='RADIO' NAME = "ONE"
VALUE ="value VALUE ="value1 1" > Answer " > Answer 1 1
<INPUT TYPE='RADIO' NAME = "TWO" <INPUT TYPE='RADIO' NAME = "TWO"
value="value value="value2 2" > Answer " > Answer 2 2
</FORM> </FORM>
ýĆĆĒÿùŭøĖĩ ĥõŪ ãĎèĀĎĄŭĂüĄđġāø ýĆĆĒÿùŭøĖĩ ĥõŪ ãĎèĀĎĄŭĂüĄđġāøRadio Radio
ĄĚüĢûûãĎèĀĎĄŭĂüĄđġāø ĄĚüĢûûãĎèĀĎĄŭĂüĄđġāø
öũēèħ öũēèħ
üĄđġāøöĒĈġĆĘ Ďâ üĄđġāøöĒĈġĆĘ Ďâ
<FORM> <FORM>
<SELECT name= "ICECREAM"> <SELECT name= "ICECREAM">
<OPTION SELECTED value="VANI"> <OPTION SELECTED value="VANI">
Vanilla Vanilla
<OPTION value="CHOC" > Chocolate <OPTION value="CHOC" > Chocolate
<OPTION value="COFF" > Coffee <OPTION value="COFF" > Coffee
<OPTION value="STRA" > Strawberry <OPTION value="STRA" > Strawberry
</SELECT> </SELECT>
</FORM> </FORM>
ýĆĆĒÿùŭøĖĩ ĥõŪ ãĎèĀĎĄŭĂüĄđġāø ýĆĆĒÿùŭøĖĩ ĥõŪ ãĎèĀĎĄŭĂüĄđġāø
öĒ ĈġĆĘĎâ öĒ ĈġĆĘĎâ
ĄĚüĢûûãĎèĀĎĄŭĂüĄđġāø ĄĚüĢûûãĎèĀĎĄŭĂüĄđġāø
öũēèħ öũēèħ
üĄđġāø Submit & Reset
<FORM>
ăĘ úăĒ úâēĄċũ èãŪĎĂĚ Ć
<INPUT TYPE='SUBMIT' VALUE ="Send">
<INPUT TYPE='RESET' VALUE ="Reset">
</FORM>
ýĆĆĒÿùŭøĖĩ ĥõŪ ãĎèĀĎĄŭĂüĄđġāø ýĆĆĒÿùŭøĖĩ ĥõŪ ãĎèĀĎĄŭĂüĄđġāø
Submit & Reset
Sumbit Sumbit ġüűúåĮ ēċĒĩèĤúâēĄ ġüűúåĮ ēċĒĩèĤúâēĄ
ċũ èãŪĎĂĚĆ ċũ èãŪĎĂĚĆ
Reset Reset ġüűúåĮ ēċĒĩ èĤúâēĄ ġüűúåĮ ēċĒĩ èĤúâēĄ
ġåĆĖăĄŭãŪĎĂĚĆ ġåĆĖăĄŭãŪĎĂĚĆ
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
âēĄĢûũèÿĘĪúøĖĩéĎāēÿ âēĄĢûũèÿĘĪúøĖĩéĎāēÿ
ċēĂēĄ÷ĢûũèĥõŪøĒĪèĢ÷ĈöĒĪè ċēĂēĄ÷ĢûũèĥõŪøĒĪèĢ÷ĈöĒĪè
ĢĆđĢúĈúĎú ċēĂēĄ÷éđ ĢĆđĢúĈúĎú ċēĂēĄ÷éđ
ĢûũèġøũēĥČĄũâĨĥõŪ ãėĪúâĒû ĢûũèġøũēĥČĄũâĨĥõŪ ãėĪúâĒû
ýĚŪġãĖăú ĢöũĎăũēèĥĄâĨöēĂ ýĚŪġãĖăú ĢöũĎăũēèĥĄâĨöēĂ
åĈĄĂĖâēĄâĮēČúõċĒõċũĈú åĈĄĂĖâēĄâĮēČúõċĒõċũĈú
ĤČŪöĄèâĒûãŪĎĂĚĆ ČĄĘĎ ĤČŪöĄèâĒûãŪĎĂĚĆ ČĄĘĎ
ĄĚüāēÿøĖĩúĮēĂēĆè ĄĚüāēÿøĖĩúĮēĂēĆèĤúġĈĨû ĤúġĈĨû
õŪĈă õŪĈă
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
<FRAMESET> <FRAMESET>
ġüűúåĮēċĒĩèġĄĕĩĂöŪúâēĄĢûũèČúŪēéĎ ġüűúåĮēċĒĩèġĄĕĩĂöŪúâēĄĢûũèČúŪēéĎ
ĢĆđüŠõøŪēăõŪĈă ĢĆđüŠõøŪēăõŪĈă
</FRAMESET> </FRAMESET>
åĮēċĒĩèúĖĪ éđĂēĢøúøĖĩåĮēċĒĩè åĮēċĒĩèúĖĪ éđĂēĢøúøĖĩåĮēċĒĩè
<BODY> <BODY>
<FRAME SRC > <FRAME SRC > ġüűúåĮēċĒĩèăũĎă ġüűúåĮēċĒĩèăũĎă
ãĎè ãĎè FRAMESET FRAMESET ġÿĘĩĎ ġÿĘĩĎ
âĮēČúõâēĄĢċõèýĆãŪĎĂĚĆĈũē éđ âĮēČúõâēĄĢċõèýĆãŪĎĂĚĆĈũē éđ
Ģċõèġüűú Ģċõèġüűú HTML HTML ĎĖâĥĀĆŭ ČĄĘĎ ĎĖâĥĀĆŭ ČĄĘĎ
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
éēâöĒĈĎăũēèõŪēúìŪēă ġĄē éēâöĒĈĎăũēèõŪēúìŪēă ġĄē
âĮēČúõãúēõãĎèéĎāēÿġüűú âĮēČúõãúēõãĎèéĎāēÿġüűú
ġüĎĄŭġìĨúöŭ ġüĎĄŭġìĨúöŭ 80 80%,* %,*
( (ġåĄĘĩĎèČĂēă ġåĄĘĩĎèČĂēă * * ČĂēă÷ėè ãúēõ ČĂēă÷ėè ãúēõ
ãĎéĎāēÿøĖĩġČĆĘĎ ãĎéĎāēÿøĖĩġČĆĘĎ) ) úĎâéēâúĖĪ úĎâéēâúĖĪ
ġĄēăĒèċēĂēĄ÷âĮēČúõġüűú ġĄēăĒèċēĂēĄ÷âĮēČúõġüűú
pixel pixel ĥõŪõŪĈă ġëũú ĥõŪõŪĈă ġëũú 500 500,,100 100
ġüűúöŪú ġüűúöŪú
<FRAMESET COLS or ROWS = "80%,*" >
<FRAME SRC = "URL" ČĄĘĎ ĥĀĆŭĄĚüāēÿ >
<FRAME SRC = "URL" ČĄĘĎ ĥĀĆŭĄĚüāēÿ >
</FRAMESET>
ĄĚ üĢûûåĮēċĒĩ èĢûũ èÿĘĪ úøĖĩ éĎ ĄĚ üĢûûåĮēċĒĩ èĢûũ èÿĘĪ úøĖĩ éĎ
Ģûũ èéĎāēÿĤúĢúĈöĒĪ è Ģûũ èéĎāēÿĤúĢúĈöĒĪ è
<FRAMESET COLS = " <FRAMESET COLS = "80 80%,*" > %,*" >
<FRAME SRC = "main.html" > <FRAME SRC = "main.html" >
<FRAME SRC = "menu.gif" > <FRAME SRC = "menu.gif" >
</FRAMESET> </FRAMESET>
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
ĢûũèÿĘĪúøĖĩ ĢûũèÿĘĪúøĖĩ
éĎāēÿ éĎāēÿ
ĢûũèéĎāēÿĤú ĢûũèéĎāēÿĤú
ĢúĈöĒĪè ĢúĈöĒĪè
80%
20%
åĮēĎùĕûēă åĮēĎùĕûēă
ĢûũèČúŪēéĎġüűú ĢûũèČúŪēéĎġüűú 2 2 ċũĈú Ĥú ċũĈú Ĥú
ĢúĈöĒĪè ċũĈúøēèìŪēăĂĖÿĘĪúøĖĩ ĢúĈöĒĪè ċũĈúøēèìŪēăĂĖÿĘĪúøĖĩ
80 80% % ãĎèČúŪēéĎøĒĪèČĂõ ãĎèČúŪēéĎøĒĪèČĂõ
ċũĈúøēèãĈēåĘĎÿĘĪúøĖĩøĖĩġČĆĘĎ ċũĈúøēèãĈēåĘĎÿĘĪúøĖĩøĖĩġČĆĘĎ
( (20 20%) %) éĎøēèãĈēéđĂĖ éĎøēèãĈēéđĂĖ
ĄĚüāēÿëĘĩĎ ĄĚüāēÿëĘĩĎ menu.gif menu.gif
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
ĢûũèéĎāēÿĤúĢúĈúĎú ĢûũèéĎāēÿĤúĢúĈúĎú
<FRAMESET ROWS = " <FRAMESET ROWS = "80 80%,*" > %,*" >
<FRAME SRC = "main.html" > <FRAME SRC = "main.html" >
<FRAME SRC = "menu.gif" > <FRAME SRC = "menu.gif" >
</FRAMESET> </FRAMESET>
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
ĢûũèéĎāēÿĤúĢúĈúĎú ĢûũèéĎāēÿĤúĢúĈúĎú
20% 20%
80% 80%
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
ĢûũèéĎāēÿĤúĢúĈúĎú ĢûũèéĎāēÿĤúĢúĈúĎú
åĮēĎùĕûēă ĢûũèČúŪēéĎġüűú 2
ċũĈú ĤúĢúĈúĎú õŪ ēúûúÿĘĪúøĖĩ
20% ċũĈúõŪēúĆũ ēèĂĖÿĘĪúøĖĩ 80%
ĢûũèéĎāēÿĤúĢúĈöĒĪèĢĆđ
ĢúĈúĎú
<FRAMESET ROWS = "15%,*" >
<FRAME SRC = "top.html" >
<FRAMESET COLS = "20%,80%" >
<FRAME SRC = "left.html" >
<FRAME SRC = "right.html" >
</FRAMESET>
</FRAMESET>
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
ĢûũèéĎāēÿĤúĢúĈúĎú ĢûũèéĎāēÿĤúĢúĈúĎú
15% 15%
20% 20% 80% 80%
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
åĮēĎùĕûēă åĮēĎùĕûēă
ĢûũèČúŪēéĎøĒĪèČĂõġüűú ĢûũèČúŪēéĎøĒĪèČĂõġüűú 3 3 ċũĈú ċũĈú
õŪēúûúÿĘĪ úøĖĩ õŪēúûúÿĘĪ úøĖĩ 15 15% % ċũĈúõŪēúĆũ ēè ċũĈúõŪēúĆũ ēè
ĂĖÿĘĪúøĖĩ ĂĖÿĘĪúøĖĩ 85 85% % ĤúÿĘĪúøĖĩõŪēúĆũēè ĤúÿĘĪúøĖĩõŪēúĆũēè
ĢûũèĎĎâġüűú ĢûũèĎĎâġüűú 2 2 ċũĈúõŪēúìŪēă ċũĈúõŪēúìŪēă
20 20% % õŪēúãĈē õŪēúãĈē 80 80% %
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
åĮēċĒĩèġċĄĕĂġÿĕĩĂġöĕĂ åĮēċĒĩèġċĄĕĂġÿĕĩĂġöĕĂ
âĮēČúõöĮēĢČúũèãŪĎåĈēĂ âĮēČúõöĮēĢČúũèãŪĎåĈēĂ
öēĂĢúĈúĎú öēĂĢúĈúĎú
align = "left" align = "left"
align = "center" align = "center"
align = "right" align = "right"
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
åĮēċĒĩèġċĄĕĂġÿĕĩĂġöĕĂ åĮēċĒĩèġċĄĕĂġÿĕĩĂġöĕĂ
âĮēČúõöĮēĢČúũèãŪĎåĈēĂöēĂ âĮēČúõöĮēĢČúũèãŪĎåĈēĂöēĂ
ĢúĈöĒĪè ĢúĈöĒĪè
valign valign=top =top
valign valign = "middle" = "middle"
valign valign = "bottom" = "bottom"
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
åĮēċĒĩèġċĄĕĂġÿĕĩĂġöĕĂ åĮēċĒĩèġċĄĕĂġÿĕĩĂġöĕĂ
ĄĚüĢûûåĮēċĒĩè ĄĚüĢûûåĮēċĒĩè
<TR ALIGN= "CENTER" > <TR ALIGN= "CENTER" >
ČĄĘĎ ČĄĘĎ <TR VALIGN= "TOP" > <TR VALIGN= "TOP" >
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
öĒĪ èëĘĩĎÿĘĪ úøĖĩ öĒĪ èëĘĩĎÿĘĪ úøĖĩ
ČĆĒ èéēâĂĖâēĄĢûũ èÿĘĪ úøĖĩ ČĆĒ èéēâĂĖâēĄĢûũ èÿĘĪ úøĖĩ
éĎāēÿĢĆŪĈ ĎēééĮēġüűúøĖĩ éĎāēÿĢĆŪĈ ĎēééĮēġüűúøĖĩ
ġĄēöŪ Ďè öĒĪ èëĘĩĎÿĘĪ úøĖĩ ġĄēöŪ Ďè öĒĪ èëĘĩĎÿĘĪ úøĖĩ
ġúĘĩĎèéēââēĄċĄŪ ēèéę õĆĕ èåŭ ġúĘĩĎèéēââēĄċĄŪ ēèéę õĆĕ èåŭ
ġÿĘĩĎĤČŪ Ģċõè ĤúÿĘĪ úøĖĩøĖĩ ġÿĘĩĎĤČŪ Ģċõè ĤúÿĘĪ úøĖĩøĖĩ
ĢûũèÿĘĪúøĖĩéĎāēÿ ĢûũèÿĘĪúøĖĩéĎāēÿ
<FRAME SRC = "right.html" <FRAME SRC = "right.html"
name = "show" > name = "show" >
ċĄŪēèĆĕèåŭĤČŪĢċõèĤúÿĘĪúøĖĩøĖĩĂĖëĘĩĎ ċĄŪēèĆĕèåŭĤČŪĢċõèĤúÿĘĪúøĖĩøĖĩĂĖëĘĩĎ
Ĉũē Ĉũē show show
<a <a href href = "page = "page2 2.html" target .html" target
= "show = "show"> ">

ý â ú øå õ è 1. éâ úü â ûã èå ÿ ö ú ø â ø è ú ã è úü â ûúú 2. ÷ ëè ú ú ø úö úâ (www) â åú ã (Search) õ 3.üðûöâ ã úå è HTML å üöõ PHP/JAVAö PHP/JAVAö øâ úõ 4.üðûöâ èè ú â õ ü õö Dreamwever ö øâ úõ õ 5. ÷öâ öè û ìöõ ü â

øè ã âã ã ú

é

õ â

û

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->