SlideShare a Scribd company logo

รูปแบบของ Html

•Download as DOCX, PDF•
•
Wilaiwan Nuan
Wilaiwan Nuan
Technology
1 of 49
HTML <HTML> <HEAD> <TITLE> ...... </TITLE> </HEAD> <BODY>... </BODY> </HTML> - HTML <HTML> <HEAD> <TITLE> HTML </TITLE> </HEAD> <BODY>Hello welcome to html </BODY> </HTML> Hello welcome to html 3901-2109
<BR> Tag <BODY> ...... </BODY>. Tag <BODY> .....</BODY> <BR> <HTML> <HEAD> <TITLE>...... </TITLE> </HEAD> <BODY>... hello welcome to html .....<BR> </BODY> </HTML> <P> <BR> Web Browser <HTML > <HEAD> <TITLE> ...... </TITLE > </HEAD> 3901-2109
<BODY>... hello welcome to html .....<P>....OK.. </BODY> </HTML> <HR> <HTML> <HEAD> <TITLE> ...... </TITLE > </HEAD> <BODY>hello welcome HR<HR> hello welcome HR<HR width="60%" noshade ><BR> hello welcome HR <HR width="60%" color="red"> </BODY> </HTML> HR hello welcome HR hello welcome HR 3901-2109
, , Tag <Hx> 6 <H1>( ) <H6> ( <Hx>........<Hx> x 1 6 Tag Tag <HTML> <HEAD> 3901-2109
<TITLE> </TITLE> </HEAD> <BODY> <H1> H1 < /H1> <H2> H2< /H2 > <H3> H3</H3> <H4> H4</H4> <H5> H5</H5> <H6> H6</H6> </BODY> </HTML> H1 H2 3901-2109
H3 H4 H5 H6 ( Fontsize & Basefontsize ) <BASEFONT SIZE> 1 7 1 7 <Hx> <BASEFONT SIZE> 3 <BASEFONT SIZE> <FONT SIZE> -7 7 3901-2109
<FONT SIZE> <BASEFONT SIZE> <FONT SIZE="number">.....</FONT> <HTML> <HEAD> <TITLE> Fontsize & Basefontsize )</TITLE> </HEAD> <BODY> <BASEFONT SIZE="3"> BASEFONT SIZE="3"<BR> <FONT SIZE="+2"> FONT SIZE="+2"</FONT><BR> <FONT SIZE="-1"> FONT SIZE="-1"</FONT><BR> </BODY> 3901-2109
</HTML> BASEFONT SIZE="3" FONT SIZE="+2" FONT SIZE="-1" <I>, <B>, <U> <B>......</B> <I>......</I> <U>......</U> <HTML> <HEAD> 3901-2109
<TITLE> </TITLE> </HEAD > <BODY > <B> </B><Br> <I> </I><Br> <U> </U><Br> <B><I><U> 3 </U></I></B><Br> </BODY> </HTML> 3 Tag Browser Netscape 3901-2109
<BLINK>......</BLINK> <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <BLINK> </BLINK> </BODY> </HTML> ALIGN , , <P ALIGN=" Left or Right or Center">......</P> 3901-2109
<HTML> <HEAD> <TITLE>- ALIGN</TITLE> </HEAD> <BODY> <P ALIGN= "Left">Left</P> <P ALIGN="Right">Right</P> <P ALIGN="Center">Center</P> </BODY> </HTML> Left Right Center Tag <CENTER> 3901-2109
<CENTER>......</CENTER> - <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <CENTER> </CENTER> </BODY> </HTML> Background 16 3901-2109
<BODY BGCOLOR="# 16 6 >......</BODY> <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BGCOLOR="#0000FF" TEXT="#FFFFFF" > BACKGROUND </BODY> </HTML> BACKGROUND 16 <BODY TEXT="# 16 6 >......</BODY> 3901-2109
<HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY TEXT="#00ff00"> </BODY> </HTML> 16 < FONT COLOR="# 16 6 >......</FONT> 3901-2109
<HTML> <HEAD> <TITLE> </TITLE > </HEAD> <BODY> < FONT COLOR="#FF0000"> </FONT> FONTCOLOR < /BODY > < /HTML > FONTCOLOR IMAGE ) JPG. ( JPEG. ) GIF. 3901-2109
<IMG SRC=" JPG/GIF"> <HTML> <HEAD> <TITLE> IMAGE ) </TITLE> </HEAD> <BODY> <IMG SRC="image03.gif"> </BODY> </HTML> <IMG SRC=" JPG/GIF" WIDTH="number" HEIGHT="number"> 3901-2109
<HTML> <HEAD> <TITLE> < /TITLE > </HEAD> <BODY> <IMG SRC="image03.gif" WIDTH="100" HEIGHT="100" alt=" > </BODY> </HTML> Background <BODY BACKGROUND=" JPG/GIF"> 3901-2109
<HTML> <HEAD> <TITLE> Background </TITLE> </HEAD> <BODY BACKGROUND="Tiki.gif"> BACKGROUND </BODY> </HTML> TABLE ) <TABLE> <CAPTION> </CAPTION> <TR><TH></TH><TH></TH><TH>----</TH></TR> <TR><TD></TD><TD></TD><TD>----</TD></TR> --- --- <TR><TD><TD/><TD><TD/><TD>----</TD></TR> </TABLE> <HTML> <HEAD> <TITLE> TABLE )</TITLE> 3901-2109
</HEAD> <BODY> TABLE ) <TABLE> <CAPTION> </CAPTION> <TR><TH> 1</TH><TH> 2</TH></TR> <TR><TD>TV</TD><TD>CARD</TD></TR> <TR><TD>VDO</TD><TD>TOY</TD></TR> </TABLE> </BODY> </HTML> TABLE ) 1 2 TV CARD VDO TO 3901-2109
<TABLE BORDER="number"> --- --- </TABLE> <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <TABLE BORDER="10"> <CAPTION> </CAPTION> <TR><TH> 1</TH><TH> 2</TH></TR> <TR><TD>TV</TD><TD>CARD</TD></TR> <TR><TD>VDO</TD><TD>TOY</TD></TR> </TABLE> </BODY> </HTML> 1 3901-2109
2 TV CARD VDO TO <TD>.....</TD> <HTML > <HEAD> <TITLE> </TITLE> </HEAD> <BODY> 3901-2109
<TABLE BORDER="10"> <CAPTION> </CAPTION> <TR> <TD> <TABLE BORDER="10"> <TR><TH> 1</TH><TH> 2</TH></TR> <TR><TD>PCI CARD</TD><TD>AGP CARD</TD></TR> <TR><TD>SOUND CARD</TD><TD>VGA CARD</TD></TR> </TABLE> </TD> <TH> 3</TH></TR> <TR><TD>PCI CARD</TD><TD>AGP CARD</TD></TR> <TR><TD>SOUND CARD</TD><TD>VGA CARD</TD></TR> </TABLE> </BODY> </HTML> 1 2 3 PCI CARD AGP CARD SOUND CARD VGA CARD 3901-2109
AGP PCI CARD CARD SOUND CARD VGA CAR LINKS ) 2 INTERNAL LINKS EXTERNAL LINKS Internal Links ) Internal Links 2 1. <A NAME=" >...................... </A> 2. <A HREF="# >........................ </A> <HTML> <HEAD> <TITLE> Internal Links ) </TITLE> </HEAD> <BODY> < A NAME="LINKt"> </A> <UL> <LI> 1 <LI> 2 <LI> 3 <LI> 4 3901-2109
<LI> 5 <LI> 6 <LI> 7 <LI> 8 <LI> 9 <LI> 10 </UL> < A HREF="#LINKt"> </A> </BODY> </HTML> 1 2 3 4 5 6 7 8 9 10 3901-2109
< A HREF="URL">........................ </A> <HTML> <HEAD> <TITLE> External Links ) </TITLE > </HEAD> <BODY> < A HREF="http://sansuk.cjb.net/"> Sansuk</A> </BODY> </HTML> Link 3 1. hyperlink) 2. Visited Link) 3. Active Link) 3901-2109
Link <HTML> <HEAD> <TITLE > link </TITLE> </HEAD > < BODY link="pink" vlink="red" alink="blue"> <h2> link<h2>< br> <A HREF="http://www.sanook.com">Sanook</A> <A HREF="http://www.hunsa.com">hunsa</A> <A HREF="http://www.kapook.com">kapook</A> </BODY> </HTML> link Sanook hunsa kapook Lists ] , 3901-2109
3 1. Number Styles ) 2. Bulleted Styles ) 3. No Bulleted Styles ) ( Number Styles / Order Lists ) <OL TYPE=" >................. <LI>.................. <LI>.................. <LI>................... - - <Lx>................. </OL> , <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> 3901-2109
<OL TYPE="A"> <LI> 1 <LI> 2 <LI> 3 </OL> </BODY> </HTML> A. 1 B. 2 C. 3 ( Bulleted Styles ) <UL TYPE=" >................. <LI>.................. <LI>.................. <LI>................... - - 3901-2109
<Lx>................. </UL> 3 DISC,CIRCLE,SQUARE <HTML> <HEAD> <TITLE> ( Bulleted Styles ) </TITLE> </HEAD> <BODY> DISC <UL TYPE="DISC"> <LI> 1 <LI> 2 <LI> 3 </UL> CIRCLE <UL TYPE="CIRCLE"> <LI> 1 <LI> 2 <LI> 3 </UL> SQUARE 3901-2109
<UL TYPE="SQUARE"> <LI> 1 <LI> 2 <LI> 3 </UL> </BODY> </HTML> DISC 1 2 3 CIRCLE 1 2 3 3901-2109
SQUARE 1 2 3 ( No Bulleted Styles ) <DL> <DT> <DD> </DL> <HTML> <HEAD> <TITLE> ( No Bulleted Styles ) </TITLE> </HEAD> 3901-2109
<BODY> <DL> <DT> 1 <DD> </DL> </BODY> </HTML> 1 FRAME SRC <HTML> <HEAD><TITLE>....................</TITLE></HEAD> <FRAMESET ROWS[COLS]="number > <FRAME SRC= URL> 3901-2109
<FRAME SRC= URL> </FRAMESET> </HTML> ROWS= ,COLS= <HTML> <HEAD><TITLE> FRAME )</TITLE> </HEAD> <FRAMESET ROWS="20%,*"> <FRAME SRC="logo.html" > <FRAME SRC="main.html"> </FRAMESET> </HTML> logo.html main.html 3901-2109
<HTML> <HEAD><TITLE> FRAME )</TITLE></HEAD> <FRAMESET COLS="20%,*"> <FRAME SRC="menu.html" > <FRAME SRC="main.html"> </FRAMESET> </HTML> menu.html main.html <HTML> <HEAD><TITLE> FRAME )</TITLE></HEAD> 3901-2109
<FRAMESET COLS="100,600"> 111<FRAME SRC="menu.html" > 111<FRAMESET ROWS="20%,*"> 111111<FRAME SRC="logo.html" > 111111<FRAME SRC="main.html"> 111</FRAMESET> </FRAMESET> </HTML> logo.html menu.html main.html <HTML> <HEAD><TITLE> FRAME )</TITLE></HEAD> 3901-2109
<FRAMESET COLS="100,600"> 111111<FRAME SRC="menu.html" Name="left"> 111<FRAMESET ROWS="20%,*"> 111111<FRAME SRC="logo.html" Name="top"> 111111<FRAME SRC="main.html" Name="middle"> 111</FRAMESET> </FRAMESET> </HTML> logo.htm(top) menu.html(left) main.html(middle) 3901-2109
<HTML> <HEAD><TITLE> menu.html (left))</TITLE></HEAD> <A Href="http://www.thairath.co.th target="middle""> </A> <A Href="http://www.dailynews.co.th target="middle""> </A> <A Href="http://www.kapook.com target="middle""> </A> </HTML> top)l 4 3901-2109
<HTML> <HEAD><TITLE> FRAME )</TITLE></HEAD> <FRAMESET ROWS="20%,*,15%"> <FRAME SRC="logo.html" Name="top"> <FRAMESET COLS="20%,*"> <FRAME SRC="menu.html" Name="left"> <FRAME SRC="main.html" Name="mid"> </FRAMESET> <FRAMESET rows="*,*"> <FRAME SRC="b1.htm" Name="bottom" scrolling="no"> </FRAMESET> </FRAMESET> </HTML> top left mid bottom 3901-2109
<FRAMESET BORDER="0" FRAMESPACING="0" FRAMEBORDER="0"rows="20%,*,15%"> <FRAME SRC="h1.htm" Name="left" scrolling="no"> <FRAMESET BORDER="0" FRAMESPACING="0" FRAMEBORDER="0"colS="20%,*"> <FRAME SRC="l1.htm" Name="top" marginwidth="0" marginheight="0" noresize> <FRAME SRC="m1.htm" Name="middle" marginwidth="0" marginheight="0" scrolling="yes" noresize> </FRAMESET> <FRAMESET rows="*,*"> <FRAME SRC="b1.htm" Name="bottom" scrolling="no" marginwidth="0" marginheight="0" > </FRAMESET> </FRAMESET> <Select> <Option> < SELECT onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size=1 name=select3 > <OPTION selected> </OPTION> 3901-2109
<OPTION value=http://www.yahoo.com >yahoo </OPTION> <OPTION value=http://www.thaimail.com> </OPTION> <OPTION value=http://www.hunsa.com> </OPTION> <OPTION value=http://www.sanook.com> </OPTION> <OPTION value=http://se-ed.net/bansansuk> </OPTION> </SELECT> Form ] , , , 3 A. <TEXTAREA> <TEXTAREA>............... </TEXTAREA> B. <SELECT> <SELECT>............... </SELECT> 3901-2109
C. <INPUT> , , , 1. METHOD ACTION <FORM METHOD="POST/GET" ACTION="URL"> ......... </FORM> METHOD GET POST GET POST ACTION CGI 2. <TEXTA REA> 3901-2109
<FORM > <TEXTAREA NAME=" ROWS="number" COLS="number"> </TEXTAREA > </FORM> <FORM > <TEXTAREA NAME="test1" ROWS="5" COLS="40" > Show:::::::::::: </TEXTAREA > </FORM> Show:::::::::::: 3. <SELECT> <FORM > <SELECT NAME=" > 3901-2109
<OPTION SELECTED VALUE=" 1"> 1 <OPTION VALUE=" 2"> 2 <OPTION VALUE=" 3"> 3 ............ </SELECT > </FORM> <FORM > <SELECT NAME="test2" > <OPTION SELECTED VALUE="n1">number 1 <OPTION VALUE="n2">number 2 <OPTION VALUE="n3">number 3 </SELECT > </FORM> number 1 4. <INPUT> 3901-2109
<FORM > <INPUT NAME=" TYPE=" SIZE="number" MAXLENGTH="number" VALUE=" > </FORM> INPUT TYPE 4.1<INPUT TYPE="TEXT"> <FORM > <INPUT NAME=" TYPE="TEXT" SIZE="number" MAXLENGTH="number" > </FORM> <FORM > <INPUT NAME="test3" TYPE="TEXT" 3901-2109
SIZE="10" MAXLENGTH="20" >Show </FORM> Show 4.2<INPUT TYPE="PASSWORD"> <FORM > <INPUT NAME=" TYPE="PASSWORD" SIZE="number" MAXLENGTH="number" > </FORM> <FORM > <INPUT NAME="test4" TYPE="PASSWORD" SIZE="10" MAXLENGTH="10" > </FORM> 3901-2109
4.3<INPUT TYPE="CHECKBOX"> <FORM > <INPUT NAME=" TYPE="CHECKBOX" VALUE=" 1" CHECKED > <INPUT NAME=" TYPE="CHECKBOX" VALUE=" 2" > <INPUT NAME=" TYPE="CHECKBOX" VALUE=" 3" > </FORM> <FORM > <INPUT NAME="test5" TYPE="CHECKBOX" VALUE="a0" CHECKED >SHOW1 <INPUT NAME="test5" TYPE="CHECKBOX" VALUE="a1" >SHOW2 <INPUT NAME="test5" TYPE="CHECKBOX" VALUE="a2" >SHOW3 </FORM> 3901-2109
SHOW1 SHOW2 SHOW3 4.4<INPUT TYPE="RADIO"> <FORM > <INPUT NAME=" TYPE="RADIO" VALUE=" 1" CHECKED > <INPUT NAME=" TYPE="RADIO" VALUE=" 2" > <INPUT NAME=" TYPE="RADIO" VALUE=" 3" > </FORM> <FORM > <INPUT NAME="test6" TYPE="RADIO" VALUE="a1" CHECKED >SHOW1 <INPUT NAME="test6" TYPE="RADIO" VALUE="a2" >SHOW2 <INPUT NAME="test6" TYPE="RADIO" VALUE="a3" >SHOW3 </FORM> 3901-2109
SHOW1 SHOW2 SHOW3 4.5<INPUT TYPE="SUBMIT"> <FORM > <INPUT TYPE="SUBMIT" VALUE=" > <INPUT TYPE="SUBMIT" > </FORM> <FORM > <INPUT TYPE="SUBMIT" VALUE="GO" > <INPUT TYPE="SUBMIT" > </FORM> GO Submit Query 4.6<INPUT TYPE="RESET"> 3901-2109
<FORM > <INPUT TYPE="RESET" VALUE=" > <INPUT TYPE="RESET" > </FORM> <FORM > <INPUT TYPE="RESET" VALUE="DEL" > <INPUT TYPE="RESET" > </FORM> DEL Reset 3901-2109

Recommended

tablas html
tablas htmltablas html
tablas htmlkocampovelez
 
computer
computercomputer
computerวิพาวัน ศิริกาญจนชาด
 
การใช้คอม
การใช้คอมการใช้คอม
การใช้คอมyupin thongkamsek
 
คำพ้องรูป
คำพ้องรูปคำพ้องรูป
คำพ้องรูปtaoja
 
เส้นทางอาชีพสายไอที (IT carrer paths)
เส้นทางอาชีพสายไอที (IT carrer paths)เส้นทางอาชีพสายไอที (IT carrer paths)
เส้นทางอาชีพสายไอที (IT carrer paths)Asst.Prof.Dr.Arnut Ruttanatirakul
 
การใช้สูตรในการคำนวณ โปรแกรม Microsoft Excel
การใช้สูตรในการคำนวณ โปรแกรม Microsoft Excelการใช้สูตรในการคำนวณ โปรแกรม Microsoft Excel
การใช้สูตรในการคำนวณ โปรแกรม Microsoft Excelพัน พัน
 
ชนิดของแรง
ชนิดของแรงชนิดของแรง
ชนิดของแรงพัน พัน
 
Langhub.com - เรียนภาษาอังกฤษ - สี - flashcards
Langhub.com - เรียนภาษาอังกฤษ - สี - flashcardsLanghub.com - เรียนภาษาอังกฤษ - สี - flashcards
Langhub.com - เรียนภาษาอังกฤษ - สี - flashcardsLanghub.com
 

Recommended

tablas html
tablas htmltablas html
tablas htmlkocampovelez
 
computer
computercomputer
computerวิพาวัน ศิริกาญจนชาด
 
การใช้คอม
การใช้คอมการใช้คอม
การใช้คอมyupin thongkamsek
 
คำพ้องรูป
คำพ้องรูปคำพ้องรูป
คำพ้องรูปtaoja
 
เส้นทางอาชีพสายไอที (IT carrer paths)
เส้นทางอาชีพสายไอที (IT carrer paths)เส้นทางอาชีพสายไอที (IT carrer paths)
เส้นทางอาชีพสายไอที (IT carrer paths)Asst.Prof.Dr.Arnut Ruttanatirakul
 
การใช้สูตรในการคำนวณ โปรแกรม Microsoft Excel
การใช้สูตรในการคำนวณ โปรแกรม Microsoft Excelการใช้สูตรในการคำนวณ โปรแกรม Microsoft Excel
การใช้สูตรในการคำนวณ โปรแกรม Microsoft Excelพัน พัน
 
ชนิดของแรง
ชนิดของแรงชนิดของแรง
ชนิดของแรงพัน พัน
 
Langhub.com - เรียนภาษาอังกฤษ - สี - flashcards
Langhub.com - เรียนภาษาอังกฤษ - สี - flashcardsLanghub.com - เรียนภาษาอังกฤษ - สี - flashcards
Langhub.com - เรียนภาษาอังกฤษ - สี - flashcardsLanghub.com
 
การสร้างเว็บด้วยภาษา Html อย่างง่าย
การสร้างเว็บด้วยภาษา Html อย่างง่ายการสร้างเว็บด้วยภาษา Html อย่างง่าย
การสร้างเว็บด้วยภาษา Html อย่างง่ายรัชนีพร ภูแสงสี
 
การสร้างเว็บด้วยภาษา HTML อย่างง่าย
การสร้างเว็บด้วยภาษา HTML อย่างง่ายการสร้างเว็บด้วยภาษา HTML อย่างง่าย
การสร้างเว็บด้วยภาษา HTML อย่างง่ายNicky Love
 
Html03
Html03Html03
Html03TENTO_slide
 
Tablas MELISSA BARGUEN
Tablas MELISSA BARGUENTablas MELISSA BARGUEN
Tablas MELISSA BARGUENmelissa1220
 
tablas en html
tablas en htmltablas en html
tablas en htmlElizarendon25052002
 
Tablas html mallerly jaramillo
Tablas html mallerly jaramilloTablas html mallerly jaramillo
Tablas html mallerly jaramillomallerly16
 
tables in html and there tags ....
tables in html and there tags ....tables in html and there tags ....
tables in html and there tags ....Nimrakhan89
 
今からハジメるHTML5マークアップ
今からハジメるHTML5マークアップ今からハジメるHTML5マークアップ
今からハジメるHTML5マークアップSwapSkills
 
新人研修　後半 2024/04/26の勉強会で発表されたものです。
新人研修　後半 2024/04/26の勉強会で発表されたものです。新人研修　後半 2024/04/26の勉強会で発表されたものです。
新人研修　後半 2024/04/26の勉強会で発表されたものです。iPride Co., Ltd.
 
Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）
Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）
Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）Hiroshi Tomioka
 
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）NTT DATA Technology & Innovation
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイスLoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイスCRI Japan, Inc.
 
Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。iPride Co., Ltd.
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Gamesatsushi061452
 
Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。iPride Co., Ltd.
 
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native IntegrationsUtilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native IntegrationsWSO2
 
知識ゼロの営業マンでもできた！超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた！超速で初心者を脱する、悪魔的学習ステップ3選.pptx知識ゼロの営業マンでもできた！超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた！超速で初心者を脱する、悪魔的学習ステップ3選.pptxsn679259
 
論文紹介：Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介：Selective Structured State-Spaces for Long-Form Video Understanding論文紹介：Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介：Selective Structured State-Spaces for Long-Form Video UnderstandingToru Tamaki
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルCRI Japan, Inc.
 
論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...Toru Tamaki
 

More Related Content

Similar to รูปแบบของ Html

การสร้างเว็บด้วยภาษา Html อย่างง่าย
การสร้างเว็บด้วยภาษา Html อย่างง่ายการสร้างเว็บด้วยภาษา Html อย่างง่าย
การสร้างเว็บด้วยภาษา Html อย่างง่ายรัชนีพร ภูแสงสี
 
การสร้างเว็บด้วยภาษา HTML อย่างง่าย
การสร้างเว็บด้วยภาษา HTML อย่างง่ายการสร้างเว็บด้วยภาษา HTML อย่างง่าย
การสร้างเว็บด้วยภาษา HTML อย่างง่ายNicky Love
 
Tablas MELISSA BARGUEN
Tablas MELISSA BARGUENTablas MELISSA BARGUEN
Tablas MELISSA BARGUENmelissa1220
 
Tablas html mallerly jaramillo
Tablas html mallerly jaramilloTablas html mallerly jaramillo
Tablas html mallerly jaramillomallerly16
 
tables in html and there tags ....
tables in html and there tags ....tables in html and there tags ....
tables in html and there tags ....Nimrakhan89
 
今からハジメるHTML5マークアップ
今からハジメるHTML5マークアップ今からハジメるHTML5マークアップ
今からハジメるHTML5マークアップSwapSkills
 

Similar to รูปแบบของ Html (8)

การสร้างเว็บด้วยภาษา Html อย่างง่าย
การสร้างเว็บด้วยภาษา Html อย่างง่ายการสร้างเว็บด้วยภาษา Html อย่างง่าย
การสร้างเว็บด้วยภาษา Html อย่างง่าย
 
การสร้างเว็บด้วยภาษา HTML อย่างง่าย
การสร้างเว็บด้วยภาษา HTML อย่างง่ายการสร้างเว็บด้วยภาษา HTML อย่างง่าย
การสร้างเว็บด้วยภาษา HTML อย่างง่าย
 
Html03
Html03Html03
Html03
 
Tablas MELISSA BARGUEN
Tablas MELISSA BARGUENTablas MELISSA BARGUEN
Tablas MELISSA BARGUEN
 
tablas en html
tablas en htmltablas en html
tablas en html
 
Tablas html mallerly jaramillo
Tablas html mallerly jaramilloTablas html mallerly jaramillo
Tablas html mallerly jaramillo
 
tables in html and there tags ....
tables in html and there tags ....tables in html and there tags ....
tables in html and there tags ....
 
今からハジメるHTML5マークアップ
今からハジメるHTML5マークアップ今からハジメるHTML5マークアップ
今からハジメるHTML5マークアップ
 

Recently uploaded

新人研修　後半 2024/04/26の勉強会で発表されたものです。
新人研修　後半 2024/04/26の勉強会で発表されたものです。新人研修　後半 2024/04/26の勉強会で発表されたものです。
新人研修　後半 2024/04/26の勉強会で発表されたものです。iPride Co., Ltd.
 
Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）
Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）
Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）Hiroshi Tomioka
 
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）NTT DATA Technology & Innovation
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイスLoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイスCRI Japan, Inc.
 
Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。iPride Co., Ltd.
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Gamesatsushi061452
 
Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。iPride Co., Ltd.
 
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native IntegrationsUtilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native IntegrationsWSO2
 
知識ゼロの営業マンでもできた！超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた！超速で初心者を脱する、悪魔的学習ステップ3選.pptx知識ゼロの営業マンでもできた！超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた！超速で初心者を脱する、悪魔的学習ステップ3選.pptxsn679259
 
論文紹介：Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介：Selective Structured State-Spaces for Long-Form Video Understanding論文紹介：Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介：Selective Structured State-Spaces for Long-Form Video UnderstandingToru Tamaki
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルCRI Japan, Inc.
 
論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...Toru Tamaki
 

Recently uploaded (12)

新人研修　後半 2024/04/26の勉強会で発表されたものです。
新人研修　後半 2024/04/26の勉強会で発表されたものです。新人研修　後半 2024/04/26の勉強会で発表されたものです。
新人研修　後半 2024/04/26の勉強会で発表されたものです。
 
Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）
Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）
Observabilityは従来型の監視と何が違うのか（キンドリルジャパン社内勉強会：2022年10月27日発表）
 
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイスLoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その３2024/04/26の勉強会で発表されたものです。
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
 
Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その２2024/04/26の勉強会で発表されたものです。
 
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native IntegrationsUtilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
 
知識ゼロの営業マンでもできた！超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた！超速で初心者を脱する、悪魔的学習ステップ3選.pptx知識ゼロの営業マンでもできた！超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた！超速で初心者を脱する、悪魔的学習ステップ3選.pptx
 
論文紹介：Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介：Selective Structured State-Spaces for Long-Form Video Understanding論文紹介：Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介：Selective Structured State-Spaces for Long-Form Video Understanding
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介：Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
 

รูปแบบของ Html

  • 1. HTML <HTML> <HEAD> <TITLE> ...... </TITLE> </HEAD> <BODY>... </BODY> </HTML> - HTML <HTML> <HEAD> <TITLE> HTML </TITLE> </HEAD> <BODY>Hello welcome to html </BODY> </HTML> Hello welcome to html 3901-2109
  • 2. <BR> Tag <BODY> ...... </BODY>. Tag <BODY> .....</BODY> <BR> <HTML> <HEAD> <TITLE>...... </TITLE> </HEAD> <BODY>... hello welcome to html .....<BR> </BODY> </HTML> <P> <BR> Web Browser <HTML > <HEAD> <TITLE> ...... </TITLE > </HEAD> 3901-2109
  • 3. <BODY>... hello welcome to html .....<P>....OK.. </BODY> </HTML> <HR> <HTML> <HEAD> <TITLE> ...... </TITLE > </HEAD> <BODY>hello welcome HR<HR> hello welcome HR<HR width="60%" noshade ><BR> hello welcome HR <HR width="60%" color="red"> </BODY> </HTML> HR hello welcome HR hello welcome HR 3901-2109
  • 4. , , Tag <Hx> 6 <H1>( ) <H6> ( <Hx>........<Hx> x 1 6 Tag Tag <HTML> <HEAD> 3901-2109
  • 5. <TITLE> </TITLE> </HEAD> <BODY> <H1> H1 < /H1> <H2> H2< /H2 > <H3> H3</H3> <H4> H4</H4> <H5> H5</H5> <H6> H6</H6> </BODY> </HTML> H1 H2 3901-2109
  • 6. H3 H4 H5 H6 ( Fontsize & Basefontsize ) <BASEFONT SIZE> 1 7 1 7 <Hx> <BASEFONT SIZE> 3 <BASEFONT SIZE> <FONT SIZE> -7 7 3901-2109
  • 7. <FONT SIZE> <BASEFONT SIZE> <FONT SIZE="number">.....</FONT> <HTML> <HEAD> <TITLE> Fontsize & Basefontsize )</TITLE> </HEAD> <BODY> <BASEFONT SIZE="3"> BASEFONT SIZE="3"<BR> <FONT SIZE="+2"> FONT SIZE="+2"</FONT><BR> <FONT SIZE="-1"> FONT SIZE="-1"</FONT><BR> </BODY> 3901-2109
  • 8. </HTML> BASEFONT SIZE="3" FONT SIZE="+2" FONT SIZE="-1" <I>, <B>, <U> <B>......</B> <I>......</I> <U>......</U> <HTML> <HEAD> 3901-2109
  • 9. <TITLE> </TITLE> </HEAD > <BODY > <B> </B><Br> <I> </I><Br> <U> </U><Br> <B><I><U> 3 </U></I></B><Br> </BODY> </HTML> 3 Tag Browser Netscape 3901-2109
  • 10. <BLINK>......</BLINK> <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <BLINK> </BLINK> </BODY> </HTML> ALIGN , , <P ALIGN=" Left or Right or Center">......</P> 3901-2109
  • 11. <HTML> <HEAD> <TITLE>- ALIGN</TITLE> </HEAD> <BODY> <P ALIGN= "Left">Left</P> <P ALIGN="Right">Right</P> <P ALIGN="Center">Center</P> </BODY> </HTML> Left Right Center Tag <CENTER> 3901-2109
  • 12. <CENTER>......</CENTER> - <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <CENTER> </CENTER> </BODY> </HTML> Background 16 3901-2109
  • 13. <BODY BGCOLOR="# 16 6 >......</BODY> <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY BGCOLOR="#0000FF" TEXT="#FFFFFF" > BACKGROUND </BODY> </HTML> BACKGROUND 16 <BODY TEXT="# 16 6 >......</BODY> 3901-2109
  • 14. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY TEXT="#00ff00"> </BODY> </HTML> 16 < FONT COLOR="# 16 6 >......</FONT> 3901-2109
  • 15. <HTML> <HEAD> <TITLE> </TITLE > </HEAD> <BODY> < FONT COLOR="#FF0000"> </FONT> FONTCOLOR < /BODY > < /HTML > FONTCOLOR IMAGE ) JPG. ( JPEG. ) GIF. 3901-2109
  • 16. <IMG SRC=" JPG/GIF"> <HTML> <HEAD> <TITLE> IMAGE ) </TITLE> </HEAD> <BODY> <IMG SRC="image03.gif"> </BODY> </HTML> <IMG SRC=" JPG/GIF" WIDTH="number" HEIGHT="number"> 3901-2109
  • 17. <HTML> <HEAD> <TITLE> < /TITLE > </HEAD> <BODY> <IMG SRC="image03.gif" WIDTH="100" HEIGHT="100" alt=" > </BODY> </HTML> Background <BODY BACKGROUND=" JPG/GIF"> 3901-2109
  • 18. <HTML> <HEAD> <TITLE> Background </TITLE> </HEAD> <BODY BACKGROUND="Tiki.gif"> BACKGROUND </BODY> </HTML> TABLE ) <TABLE> <CAPTION> </CAPTION> <TR><TH></TH><TH></TH><TH>----</TH></TR> <TR><TD></TD><TD></TD><TD>----</TD></TR> --- --- <TR><TD><TD/><TD><TD/><TD>----</TD></TR> </TABLE> <HTML> <HEAD> <TITLE> TABLE )</TITLE> 3901-2109
  • 19. </HEAD> <BODY> TABLE ) <TABLE> <CAPTION> </CAPTION> <TR><TH> 1</TH><TH> 2</TH></TR> <TR><TD>TV</TD><TD>CARD</TD></TR> <TR><TD>VDO</TD><TD>TOY</TD></TR> </TABLE> </BODY> </HTML> TABLE ) 1 2 TV CARD VDO TO 3901-2109
  • 20. <TABLE BORDER="number"> --- --- </TABLE> <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <TABLE BORDER="10"> <CAPTION> </CAPTION> <TR><TH> 1</TH><TH> 2</TH></TR> <TR><TD>TV</TD><TD>CARD</TD></TR> <TR><TD>VDO</TD><TD>TOY</TD></TR> </TABLE> </BODY> </HTML> 1 3901-2109
  • 21. 2 TV CARD VDO TO <TD>.....</TD> <HTML > <HEAD> <TITLE> </TITLE> </HEAD> <BODY> 3901-2109
  • 22. <TABLE BORDER="10"> <CAPTION> </CAPTION> <TR> <TD> <TABLE BORDER="10"> <TR><TH> 1</TH><TH> 2</TH></TR> <TR><TD>PCI CARD</TD><TD>AGP CARD</TD></TR> <TR><TD>SOUND CARD</TD><TD>VGA CARD</TD></TR> </TABLE> </TD> <TH> 3</TH></TR> <TR><TD>PCI CARD</TD><TD>AGP CARD</TD></TR> <TR><TD>SOUND CARD</TD><TD>VGA CARD</TD></TR> </TABLE> </BODY> </HTML> 1 2 3 PCI CARD AGP CARD SOUND CARD VGA CARD 3901-2109
  • 23. AGP PCI CARD CARD SOUND CARD VGA CAR LINKS ) 2 INTERNAL LINKS EXTERNAL LINKS Internal Links ) Internal Links 2 1. <A NAME=" >...................... </A> 2. <A HREF="# >........................ </A> <HTML> <HEAD> <TITLE> Internal Links ) </TITLE> </HEAD> <BODY> < A NAME="LINKt"> </A> <UL> <LI> 1 <LI> 2 <LI> 3 <LI> 4 3901-2109
  • 24. <LI> 5 <LI> 6 <LI> 7 <LI> 8 <LI> 9 <LI> 10 </UL> < A HREF="#LINKt"> </A> </BODY> </HTML> 1 2 3 4 5 6 7 8 9 10 3901-2109
  • 25. < A HREF="URL">........................ </A> <HTML> <HEAD> <TITLE> External Links ) </TITLE > </HEAD> <BODY> < A HREF="http://sansuk.cjb.net/"> Sansuk</A> </BODY> </HTML> Link 3 1. hyperlink) 2. Visited Link) 3. Active Link) 3901-2109
  • 26. Link <HTML> <HEAD> <TITLE > link </TITLE> </HEAD > < BODY link="pink" vlink="red" alink="blue"> <h2> link<h2>< br> <A HREF="http://www.sanook.com">Sanook</A> <A HREF="http://www.hunsa.com">hunsa</A> <A HREF="http://www.kapook.com">kapook</A> </BODY> </HTML> link Sanook hunsa kapook Lists ] , 3901-2109
  • 27. 3 1. Number Styles ) 2. Bulleted Styles ) 3. No Bulleted Styles ) ( Number Styles / Order Lists ) <OL TYPE=" >................. <LI>.................. <LI>.................. <LI>................... - - <Lx>................. </OL> , <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> 3901-2109
  • 28. <OL TYPE="A"> <LI> 1 <LI> 2 <LI> 3 </OL> </BODY> </HTML> A. 1 B. 2 C. 3 ( Bulleted Styles ) <UL TYPE=" >................. <LI>.................. <LI>.................. <LI>................... - - 3901-2109
  • 29. <Lx>................. </UL> 3 DISC,CIRCLE,SQUARE <HTML> <HEAD> <TITLE> ( Bulleted Styles ) </TITLE> </HEAD> <BODY> DISC <UL TYPE="DISC"> <LI> 1 <LI> 2 <LI> 3 </UL> CIRCLE <UL TYPE="CIRCLE"> <LI> 1 <LI> 2 <LI> 3 </UL> SQUARE 3901-2109
  • 30. <UL TYPE="SQUARE"> <LI> 1 <LI> 2 <LI> 3 </UL> </BODY> </HTML> DISC 1 2 3 CIRCLE 1 2 3 3901-2109
  • 31. SQUARE 1 2 3 ( No Bulleted Styles ) <DL> <DT> <DD> </DL> <HTML> <HEAD> <TITLE> ( No Bulleted Styles ) </TITLE> </HEAD> 3901-2109
  • 32. <BODY> <DL> <DT> 1 <DD> </DL> </BODY> </HTML> 1 FRAME SRC <HTML> <HEAD><TITLE>....................</TITLE></HEAD> <FRAMESET ROWS[COLS]="number > <FRAME SRC= URL> 3901-2109
  • 33. <FRAME SRC= URL> </FRAMESET> </HTML> ROWS= ,COLS= <HTML> <HEAD><TITLE> FRAME )</TITLE> </HEAD> <FRAMESET ROWS="20%,*"> <FRAME SRC="logo.html" > <FRAME SRC="main.html"> </FRAMESET> </HTML> logo.html main.html 3901-2109
  • 34. <HTML> <HEAD><TITLE> FRAME )</TITLE></HEAD> <FRAMESET COLS="20%,*"> <FRAME SRC="menu.html" > <FRAME SRC="main.html"> </FRAMESET> </HTML> menu.html main.html <HTML> <HEAD><TITLE> FRAME )</TITLE></HEAD> 3901-2109
  • 35. <FRAMESET COLS="100,600"> 111<FRAME SRC="menu.html" > 111<FRAMESET ROWS="20%,*"> 111111<FRAME SRC="logo.html" > 111111<FRAME SRC="main.html"> 111</FRAMESET> </FRAMESET> </HTML> logo.html menu.html main.html <HTML> <HEAD><TITLE> FRAME )</TITLE></HEAD> 3901-2109
  • 36. <FRAMESET COLS="100,600"> 111111<FRAME SRC="menu.html" Name="left"> 111<FRAMESET ROWS="20%,*"> 111111<FRAME SRC="logo.html" Name="top"> 111111<FRAME SRC="main.html" Name="middle"> 111</FRAMESET> </FRAMESET> </HTML> logo.htm(top) menu.html(left) main.html(middle) 3901-2109
  • 37. <HTML> <HEAD><TITLE> menu.html (left))</TITLE></HEAD> <A Href="http://www.thairath.co.th target="middle""> </A> <A Href="http://www.dailynews.co.th target="middle""> </A> <A Href="http://www.kapook.com target="middle""> </A> </HTML> top)l 4 3901-2109
  • 38. <HTML> <HEAD><TITLE> FRAME )</TITLE></HEAD> <FRAMESET ROWS="20%,*,15%"> <FRAME SRC="logo.html" Name="top"> <FRAMESET COLS="20%,*"> <FRAME SRC="menu.html" Name="left"> <FRAME SRC="main.html" Name="mid"> </FRAMESET> <FRAMESET rows="*,*"> <FRAME SRC="b1.htm" Name="bottom" scrolling="no"> </FRAMESET> </FRAMESET> </HTML> top left mid bottom 3901-2109
  • 39. <FRAMESET BORDER="0" FRAMESPACING="0" FRAMEBORDER="0"rows="20%,*,15%"> <FRAME SRC="h1.htm" Name="left" scrolling="no"> <FRAMESET BORDER="0" FRAMESPACING="0" FRAMEBORDER="0"colS="20%,*"> <FRAME SRC="l1.htm" Name="top" marginwidth="0" marginheight="0" noresize> <FRAME SRC="m1.htm" Name="middle" marginwidth="0" marginheight="0" scrolling="yes" noresize> </FRAMESET> <FRAMESET rows="*,*"> <FRAME SRC="b1.htm" Name="bottom" scrolling="no" marginwidth="0" marginheight="0" > </FRAMESET> </FRAMESET> <Select> <Option> < SELECT onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size=1 name=select3 > <OPTION selected> </OPTION> 3901-2109
  • 40. <OPTION value=http://www.yahoo.com >yahoo </OPTION> <OPTION value=http://www.thaimail.com> </OPTION> <OPTION value=http://www.hunsa.com> </OPTION> <OPTION value=http://www.sanook.com> </OPTION> <OPTION value=http://se-ed.net/bansansuk> </OPTION> </SELECT> Form ] , , , 3 A. <TEXTAREA> <TEXTAREA>............... </TEXTAREA> B. <SELECT> <SELECT>............... </SELECT> 3901-2109
  • 41. C. <INPUT> , , , 1. METHOD ACTION <FORM METHOD="POST/GET" ACTION="URL"> ......... </FORM> METHOD GET POST GET POST ACTION CGI 2. <TEXTA REA> 3901-2109
  • 42. <FORM > <TEXTAREA NAME=" ROWS="number" COLS="number"> </TEXTAREA > </FORM> <FORM > <TEXTAREA NAME="test1" ROWS="5" COLS="40" > Show:::::::::::: </TEXTAREA > </FORM> Show:::::::::::: 3. <SELECT> <FORM > <SELECT NAME=" > 3901-2109
  • 43. <OPTION SELECTED VALUE=" 1"> 1 <OPTION VALUE=" 2"> 2 <OPTION VALUE=" 3"> 3 ............ </SELECT > </FORM> <FORM > <SELECT NAME="test2" > <OPTION SELECTED VALUE="n1">number 1 <OPTION VALUE="n2">number 2 <OPTION VALUE="n3">number 3 </SELECT > </FORM> number 1 4. <INPUT> 3901-2109
  • 44. <FORM > <INPUT NAME=" TYPE=" SIZE="number" MAXLENGTH="number" VALUE=" > </FORM> INPUT TYPE 4.1<INPUT TYPE="TEXT"> <FORM > <INPUT NAME=" TYPE="TEXT" SIZE="number" MAXLENGTH="number" > </FORM> <FORM > <INPUT NAME="test3" TYPE="TEXT" 3901-2109
  • 45. SIZE="10" MAXLENGTH="20" >Show </FORM> Show 4.2<INPUT TYPE="PASSWORD"> <FORM > <INPUT NAME=" TYPE="PASSWORD" SIZE="number" MAXLENGTH="number" > </FORM> <FORM > <INPUT NAME="test4" TYPE="PASSWORD" SIZE="10" MAXLENGTH="10" > </FORM> 3901-2109
  • 46. 4.3<INPUT TYPE="CHECKBOX"> <FORM > <INPUT NAME=" TYPE="CHECKBOX" VALUE=" 1" CHECKED > <INPUT NAME=" TYPE="CHECKBOX" VALUE=" 2" > <INPUT NAME=" TYPE="CHECKBOX" VALUE=" 3" > </FORM> <FORM > <INPUT NAME="test5" TYPE="CHECKBOX" VALUE="a0" CHECKED >SHOW1 <INPUT NAME="test5" TYPE="CHECKBOX" VALUE="a1" >SHOW2 <INPUT NAME="test5" TYPE="CHECKBOX" VALUE="a2" >SHOW3 </FORM> 3901-2109
  • 47. SHOW1 SHOW2 SHOW3 4.4<INPUT TYPE="RADIO"> <FORM > <INPUT NAME=" TYPE="RADIO" VALUE=" 1" CHECKED > <INPUT NAME=" TYPE="RADIO" VALUE=" 2" > <INPUT NAME=" TYPE="RADIO" VALUE=" 3" > </FORM> <FORM > <INPUT NAME="test6" TYPE="RADIO" VALUE="a1" CHECKED >SHOW1 <INPUT NAME="test6" TYPE="RADIO" VALUE="a2" >SHOW2 <INPUT NAME="test6" TYPE="RADIO" VALUE="a3" >SHOW3 </FORM> 3901-2109
  • 48. SHOW1 SHOW2 SHOW3 4.5<INPUT TYPE="SUBMIT"> <FORM > <INPUT TYPE="SUBMIT" VALUE=" > <INPUT TYPE="SUBMIT" > </FORM> <FORM > <INPUT TYPE="SUBMIT" VALUE="GO" > <INPUT TYPE="SUBMIT" > </FORM> GO Submit Query 4.6<INPUT TYPE="RESET"> 3901-2109
  • 49. <FORM > <INPUT TYPE="RESET" VALUE=" > <INPUT TYPE="RESET" > </FORM> <FORM > <INPUT TYPE="RESET" VALUE="DEL" > <INPUT TYPE="RESET" > </FORM> DEL Reset 3901-2109