HTML HTML HEAD TITLETITLE HEAD BODY HTML BODY

������ HTML >HTML< >HEAD> <TITLE></TITLE> </HEAD< ������� >BODY< ���� HTML ������ </BODY> </HTML> Web Programming 3

������ u>STRIKE> </STRIKE> �������� u>BLINK> </BLINK> ����� u>PRE> </PRE> �������� u>LISTING> </LISTING> ���� Source Code Web Programming 7

������ <OL> A girl in my dream: <LI>Tall <LI>White <LI>Neat and Cute </OL> Web Programming 9

���� Hyper. Link 2. Link ������ <A HREF=“URL ���� ”>. . . </A> ���� <A HREF=“http: //www. kku. ac. th/”> KKU </A> Web Programming 12

������ (3( ������� Image -ALIGN=“option” top, middle, absmiddle, bottom, absbottom Web Programming 20

SOUND (2( ������� Web - ������ Net. Scape <EMBED SRC=“sound url”> controls= form | console | smallconsole | playbutton | volumelever width=w height=h Web Programming 22

SOUND (3( - ������ Net. Scape (��� ) LOOP = n ����� loop ���� LOOP = True ����� click stop ������� AIFF, WAV, AU, MIDI Web Programming 23

SOUND (4( - ������ Internet Explorer <BGSOUND SRC=“sound url” Loop=n ���� Loop=infinite ������� WAV, AU ��� MIDI Web Programming 24

������� ��� (1( u������� < BODY • TEXT=#RRGGBB ����� • LINK=#RRGGBB • VLINK=#RRGGBB link ��������� • ALINK=#RRGGBB link Web Programming 25

������� ��� (2( u������� ��� Background u< BODY • BGCOLOR=#RRGGBB • BACKGROUND=“Image url” Web Programming 26

��� ��� (Image Map) (4( u����� MAP ������ >MAP NAME=”���� map<" >AREA SHAPE=“type "HREF=”url" COORDS=”������� ”< />MAP< Web Programming 30

��� ��� (Image Map) (5( SHAPE TYPE - rect ����� (x 1, y 1, x 2, y 2) - circle ����� (x, y, r) - poly ������ (x 1, y 1, x 2, y 2, x 3, y 3) Web Programming 31

��� ��� (Image Map) (6( >IMG SRC=“logo. jpg” USEMAP=“#logo” ISMAP< >MAP Name=“logo<” >AREA SHAPE=“rect” COORDS=“ 10, 100, 20 HREF=“http: //www. kku. ac. th<” >AREA SHAPE=“rect” COORDS=“ 10, 21, 100, 40 HREF=“http: //science. kku. ac. th<” />MAP< Web Programming 32 ” ”

���� Table (2( u<TABLE> – >TR> Row • <TD> … </TD> Column – />TR< – />TABLE< Web Programming 35

���� Table (2( u. Simple Table 1 2 3 4 u<TABLE> – <TR><TD>1</TD><TD>2</TD></TR> <TR><TD>3</TD><TD>4</TD></TR> – </TABLE> Web Programming 36

���� Table (3( u����� BGCOLOR – <TABLE BGCOLOR=#rrggbb> ������� – <TR BGCOLOR=#rrggbb> �� row – <TD BGCOLOR=#rrggbb> �� column Web Programming 37

���� Table (4( u������ �� Cell <TABLE cellspacing=”n” cellpadding=“n” > ����� cell Web Programming 38

���� Table (5( u����� Column Span xxx aaa bbbb <TABLE> <TR><TD COLSPAN=2>xxxx</TD></TR> <TR><TD>aaaa</TD><TD>bbbb</TD></TR> </TABLE> Web Programming 39

���� Table (6( u����� Row Span <TABLE> <TR><TD ROWSPAN=2>xxxx</TD> <TD>aaaa</TD></TR> <TR><TD>bbbb</TD></TR> </TABLE> Web Programming aaa xxx bbbb 40

���� Table (7( u����� Row&Column Span xxx aaa bbb ccc ������� HTML ������ TABLE ������ Web Programming 41

���� Table (8( aaa <TABLE cellpadding=6 border=1> xxx aaa bbb <TR ><TD rowspan=2 >xxx</TD> <TD colspan=3>aaa</TD></TR> <TD>aaa</TD><TD>bbb</TD><TD>ccc</TD> </TR> </TABLE> Web Programming 42 ccc

������ (Frame( PARENT FILE FRAME 1 FRAME 2 FRAME n file FRAME 1 FRAME 2 Web Programming FRAME 3 45

Frame : ������ Frame u������� > FRAMESET ROWS=“T%, B%”>. . . �� ���� </FRAMSET< u������� <FRAMESET COLS=“L%, R%”>. . . ���� </FRAMSET< Web Programming 46

Frame : ������� <FRAMESET ROWS="20%, 80%"> <FRAME SRC="top. html" NAME="topframe"> <FRAMESET COLS="20%, 80%"> <FRAME SRC="left. html" NAME="leftframe"> <FRAME SRC="body. html" NAME="bodyframe"> </FRAMESET> File ������ Frame </FRAMESET> Web Programming 47

Frame : ������ Top. html Left. html 20% Body. html 20% 80% Web Programming 48

FORM : ������ <FORM Method=“GET ���� POST” Action = “URL” >. . Method ��� </FORM> ������ ��� Action ��� Web Programming 52

FORM : ���� Control <INPUT > Textbox, Checkbox, Radiobox, Button <SELECT> List Box <TEXTAREA> ������� (Memo) Web Programming 53

FORM : INPUT TYPE u. TEXT ����� u. PASSWORD ������� �� u. CHECKBOX ������� u. RADIO Web Programming 55

FORM : ������� INPUT User Name : <INPUT TYPE=“TEXT” Name=“User. Name” Size=“ 16”> <BR> Password : <INPUT TYPE=“Password” Name=“passwd” Size=“ 16”> <BR> Web Programming 56

FORM : ���� Drop Down List Combo Box ������ <SELECT name=“���� ”> <OPTION value=“����� ” >���� 1 <OPTION value=“����� ” >���� 2 </SELECT> Web Programming 57

FORM : ���� List BOX Combo Box ������ <SELECT name=“���� ” MULTIPLE> MULTIPLE <OPTION value=“����� ” >���� 1 <OPTION value=“����� ” >���� 2 </SELECT> Web Programming 58

FORM : ���� TEXT AREA <TEXTAREA name=“���� ” ROWS=“����� row” COLS =“����� column”> ������� </TEXTAREA> Web Programming 59