39
Webpage by html

Html

  • Upload
    aj-kung

  • View
    558

  • Download
    0

Embed Size (px)

Citation preview

Webpage by html

1. กำ��หนด Font ที่�ใช้�ใน Webpage2. กำ�รกำ��หนดร�ปแบบของตั�วอ�กำษร3. การก�าหนดขนาดตัวอักษร4. การเน�นสี�ให�กบข�อัความหร�อัตัวอักษร5. ก�าหนด สี�ตัวอักษรสี�แบล็�คกราว6. การจัดวางตั�าแหน�งข�อัความ7. การ (จัดล็�าดบหวข�อัแล็ะเน��อัหาโดย UL)8. การ (จัดล็�าดบหวข�อัแล็ะเน��อัหาโดย OL)9. การ จัดล็�าดบห�วข�อัแล็ะเน��อัหาโดยใช้�DL10. การ ( )ใสี�ร"ปภาพประกอับเว�บเพจั ไม�ม�กรอับ11. การ ( )ใสี�ร"ปภาพประกอับเว�บเพจั ม�กรอับ12. การ 1จัดตั�าแหน�งร"ปแล็ะข�อัความแบบ13. การ 2จัดตั�าแหน�งร"ปแล็ะข�อัความแบบ14. การทำ�าฉากหล็งในหน�าเว�บเพจั15. ใสี�เพล็งในหน�าเว�บเพจั16. การ เช้�)อัมโยง Link ในหน�าเว�บเพจัเด�ยวกน17. ทำ�า link ไปยงหน�าเว�บเพจัอั�)นหร�อัเว�บไซตั+อั�)น18. ทำ�า link โดยใช้�ร"ปภาพแทำน19. การ ทำ�า link แบบเป,ดwindows ใหม�20. ทำ�า link เพ�)อัใช้�สี�งอั�เมล็21. การ 1 สีร�างแบบสีอับถามแบบ text22. การ 2 สีร�างแบบสีอับถามแบบ REDIO23. การ 3 สีร�างแบบสีอับถามแบบ CHECKBOX24. ช้�อัง (1) "<รบข�อัม"ล็ช้น.ดพ.เศษ INPUT TYPE=PASSWORD">25. ช้�อัง (2) "รบข�อัม"ล็ช้น.ดพ.เศษ TEXTAREA"26. ช้�อัง (3) "รบข�อัม"ล็ช้น.ดพ.เศษ SELECT OPTION“27. การสีร�างป01มสี�งข�อัม"ล็แล็ะป01มล็บพ.มพ+ใหม�

<HTML><HEAD><TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD>

<BODY> <FONT FACE="AngsanaUPC"> Hello World, น�คื�อเว�บเพจแรกำของฉั�น<BR> </FONT> <FONT FACE="JasmineUPC"> Hello World, น�คื�อเว�บเพจแรกำของฉั�น<BR> </FONT> <FONT FACE="IrisUPC"> Hello World, น�คื�อเว�บเพจแรกำของฉั�น<BR> </FONT>

</BODY></HTML>

กำ��หนด Font ที่�ใช้�ใน Webpage

• ผลล�พธ์#ที่�ได�

Hello World, น�คื�อเว�บเพจแรกำของฉั�นHello World, น�คื�อเว�บเพจแรกำของฉั�นHello World, น�คื�อเว�บเพจแรกำของฉั�น

อธ์%บ�ยคื��สั่�ง

<FONT FACE="ช้�อฟ้)อนตั#ที่�ใช้�"> เป*นคื��สั่�งที่�ใช้�กำ��หนดฟ้)อนตั#ที่�จะใช้�ในเว�บเพจ</FONT> เป*นคื��สั่�งป,ดที่�ตั�องใช้�คื�-กำ�นเสั่มอ

<HTML><HEAD><TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD>

<BODY> Hello World, น�คื�อเว�บเพจแรกำของฉั�น<P> <B> Hello World, น�คื�อเว�บเพจแรกำของฉั�น</B><P> <I> Hello World, น�คื�อเว�บเพจแรกำของฉั�น</I><P> <S> Hello World, น�คื�อเว�บเพจแรกำของฉั�น</S><P> <U> Hello World, น�คื�อเว�บเพจแรกำของฉั�น</U><P> ข�อคืว�มแบบ Super Script E=MC<SUP>2</SUP><P> ข�อคืว�มแบบ Sub Script H<SUB>2</SUB>O<P>

</BODY></HTML>

การก�าหนดร"ปแบบขอังตัวอักษร

• ผลล�พธ์#ที่�ได�

Hello World, น�คื�อเว�บเพจแรกำของฉั�น

Hello World, น�คื�อเว�บเพจแรกำของฉั�น

Hello World, น�คื�อเว�บเพจแรกำของฉั�น

Hello World, น�คื�อเว�บเพจแรกำของฉั�น

Hello World, น�คื�อเว�บเพจแรกำของฉั�น

ข�อคืว�มแบบ Super Script E=MC2

ข�อคืว�มแบบ Sub Script H2O

อธ์%บ�ยคื��สั่�ง

<B></B> เป*นคื��สั่� งที่�ใช้�กำ��หนดร�ปแบบตั�วอ�กำษร-ตั�วเข�ม<I></I> เป*นคื��สั่� งที่�ใช้�กำ��หนดร�ปแบบตั�วอ�กำษร-ตั�วเอ�ยง<S></S> เป*นคื��สั่� งที่�ใช้�กำ��หนดร�ปแบบตั�วอ�กำษร-ตั�วข�ดฆ่-�<U></U> เป*นคื��สั่� งที่�ใช้�กำ��หนดร�ปแบบตั�วอ�กำษร-ตั�วข�ดเสั่�นใตั�<SUP></SUP> เป*นคื��สั่� งที่�ใช้�กำ��หนดร�ปแบบ Super Script<SUB></SUB> เป*นคื��สั่� งที่�ใช้�กำ��หนดร�ปแบบ Sub Script

การก�าหนดขนาดตัวอักษร <HTML><HEAD> <TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD>

<BODY> <FONT SIZE=6> Hello World, น�คื�อเว�บเพจแรกำของฉั�น<BR> </FONT> <FONT SIZE=5> Hello World, น�คื�อเว�บเพจแรกำของฉั�น<BR> </FONT> <FONT SIZE=4> Hello World, น�คื�อเว�บเพจแรกำของฉั�น<BR> </FONT> <FONT SIZE=2> Hello World, น�คื�อเว�บเพจแรกำของฉั�น<BR> </FONT>

</BODY></HTML>

• ผลล�พธ์#ที่�ได�

• Hello World, FONT SIZE = 6• Hello World, FONT SIZE = 5• Hello World, FONT SIZE = 4• Hello World, FONT SIZE = 2

• อธ์%บ�ยคื��สั่�ง

• <FONT SIZE=ขน�ดตั�วอ�กำษร> เป*นคื��สั่�งที่�ใช้�กำ��หนดขน�ดตั�วอ�กำษรที่�จะใช้�ในเว�บเพจ

• ขน�ดตั�วอ�กำษร สั่�ม�รถกำ��หนดได�ตั�1งแตั- 1 - 7• </FONT> เป*นคื��สั่�งป,ดที่�ตั�องใช้�คื�-กำ�นเสั่มอ

การเน�นสี�ให�กบข�อัความหร�อัตัวอักษร

<HTML><HEAD> <TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD>

<BODY> <FONT COLOR=RED> Hello World, น�คื�อเว�บเพจแรกำของฉั�น<BR> </FONT> <FONT COLOR=GREEN> Hello World, น�คื�อเว�บเพจแรกำของฉั�น<BR> </FONT> <FONT COLOR=BLUE> Hello World, น�คื�อเว�บเพจแรกำของฉั�น<BR> </FONT> <FONT COLOR=VIOLET> Hello World, น�คื�อเว�บเพจแรกำของฉั�น<BR> </FONT> <FONT COLOR=YELLOW> Hello World, น�คื�อเว�บเพจแรกำของฉั�น<BR> </FONT>

</BODY></HTML>

• ผลล�พธ์#ที่�ได�

• Hello World, น�คื�อเว�บเพจแรกำของฉั�น• Hello World, น�คื�อเว�บเพจแรกำของฉั�น• Hello World, น�คื�อเว�บเพจแรกำของฉั�น• Hello World, น�คื�อเว�บเพจแรกำของฉั�น• Hello World, น�คื�อเว�บเพจแรกำของฉั�น

• อธ์%บ�ยคื��สั่�ง

• <FONT COLOR="ช้�อสั่�"> เป*นคื��สั่�งที่�ใช้�กำ��หนดสั่�ให�กำ�บตั�วอ�กำษรที่�จะใช้�ในเว�บเพจ• </FONT> เป*นคื��สั่�งป,ดที่�ตั�องใช้�คื�-กำ�นเสั่มอ

• ช้�อสั่�ที่�ใช้�สั่�ม�รถใช้�ช้�อสั่�เช้-น Blue, White, Red หร�อจะใช้�เป*นรห�สั่สั่�ตั�มเลขฐ�น 16 กำ�ได�

• เช้-น #66FFFF, FFFF99, FFCCFF เป*นตั�น

ก�าหนดสี�ตัวอักษรสี�แบล็�คกราว

<HTML><HEAD> <TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD><BODY TEXTCOLOR="black" BGCOLOR="lightblue"> Hello World, น�คื�อเว�บเพจแรกำของฉั�น<BR></BODY></HTML>

-------------------------------------------------------------------

อธ์%บ�ยคื��สั่�ง

<BODY TEXTCOLOR="ช้�อสั่�" BGCOLOR="ช้�อสั่�">TEXTCOLOR ใช้�กำ��หนดสั่� Default ให�กำ�บตั�วอ�กำษรที่�1งหมดภ�ยในเอกำสั่�รBGCOLOR ใช้�กำ��หนดสั่�แบล�คืกำร�วด#ของเอกำสั่�ร กำ��หนดได�เพ�ยงคืร�1งละหน4งสั่�

การจัดวางตั�าแหน�งข�อัความ

<HTML><HEAD> <TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD>

<BODY> <P ALIGN=LEFT>Hello World, น�คื�อเว�บเพจแรกำของฉั�น</P> <P ALIGN=CENTER>Hello World, น�คื�อเว�บเพจแรกำของฉั�น</P> <P ALIGN=RIGHT>Hello World, น�คื�อเว�บเพจแรกำของฉั�น</P>

</BODY></HTML>---------------------------------------------อธ์%บ�ยคื��สั่�ง<P> เป*นกำ�รสั่�งให�ข41นย-อหน��ใหม- (ปกำตั%จะอย�-ช้%ดซ้��ยเสั่มอ)<P ALIGN=LEFT> กำ��หนดให�ข�อคืว�มอย�-ช้%ดด��นซ้��ย<P ALIGN=CENTER> กำ��หนดให�ข�อคืว�มอย�-กำ4งกำล�งเอกำสั่�ร<P ALIGN=RIGHT> กำ��หนดให�ข�อคืว�มอย�-ช้%ดด��นขว�</P> เป*นคื��สั่�งป,ดที่�ตั�องใช้�คื�-กำ�นเสั่มอ ( เม�อใช้� <P ALIGN>)

การจัดล็�าดบหวข�อัแล็ะเน��อัหาโดย (UL)<HTML><HEAD> <TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD><BODY>

กำ�รจ�ดห�วข�อโดยใช้� <UL TYPE="disc"><BR><UL TYPE="disc"> <LI>INPUT UNIT หร�อหน-วยร�บข�อม�ล ได�แกำ- Keyboard, Mouse, Scanner</LI> <LI>CENTRAL PROCESSING UNIT (CPU) หร�อหน-วยประมวลผลกำล�ง ถ�อเป*นสั่-วนที่�สั่��คื�ญที่�สั่8ด</LI> <LI>OUTPUT UNIT หร�อหน-วยแสั่ดงผล ได�แกำ- Monitor, Printer, Plotter</LI></UL>

กำ�รจ�ดห�วข�อโดยใช้� <UL TYPE="square"><BR><UL TYPE="square"> <LI>INPUT UNIT หร�อหน-วยร�บข�อม�ล ได�แกำ- Keyboard, Mouse, Scanner</LI> <LI>CENTRAL PROCESSING UNIT (CPU) หร�อหน-วยประมวลผลกำล�ง ถ�อเป*นสั่-วนที่�สั่��คื�ญที่�สั่8ด</LI> <LI>OUTPUT UNIT หร�อหน-วยแสั่ดงผล ได�แกำ- Monitor, Printer, Plotter</LI></UL>

กำ�รจ�ดห�วข�อโดยใช้� <UL TYPE="circle"><BR><UL TYPE="circle"> <LI>INPUT UNIT หร�อหน-วยร�บข�อม�ล ได�แกำ- Keyboard, Mouse, Scanner</LI> <LI>CENTRAL PROCESSING UNIT (CPU) หร�อหน-วยประมวลผลกำล�ง ถ�อเป*นสั่-วนที่�สั่��คื�ญที่�สั่8ด</LI> <LI>OUTPUT UNIT หร�อหน-วยแสั่ดงผล ได�แกำ- Monitor, Printer, Plotter</LI></UL>

</BODY></HTML>

• อธ์%บ�ยคื��สั่�ง

• <UL> เร%มตั�นล��ด�บข�อม�ล• TYPE=".." เคืร�องหม�ยล��ด�บข�อม�ล ได�แกำ- disc, square

และ circle โดยจะม� disc เป*นคื-� Default• <LI> เร%มตั�นข�อม�ลใน List• </LI> สั่%1นสั่8ดข�อม�ลใน List• </UL> สั่%1นสั่8ดกำ�รล��ด�บข�อม�ล

การจัดล็�าดบหวข�อัแล็ะเน��อัหาโดย (OL)

<HTML><HEAD> <TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD><BODY>

กำ�รจ�ดห�วข�อโดยใช้� <OL><BR><OL> <LI>INPUT UNIT หร�อหน-วยร�บข�อม�ล ได�แกำ- Keyboard, Mouse, Scanner</LI> <LI>CENTRAL PROCESSING UNIT (CPU) หร�อหน-วยประมวลผลกำล�งถ�อเป*นสั่-วนที่�สั่��คื�ญที่�สั่8ด</LI> <LI>OUTPUT UNIT หร�อหน-วยแสั่ดงผล ได�แกำ- Monitor, Printer, Plotter</LI></OL>

กำ�รจ�ดห�วข�อโดยใช้� <OL TYPE="A"><BR><OL TYPE="A"> <LI>INPUT UNIT หร�อหน-วยร�บข�อม�ล ได�แกำ- Keyboard, Mouse, Scanner</LI> <LI>CENTRAL PROCESSING UNIT (CPU) หร�อหน-วยประมวลผลกำล�งถ�อเป*นสั่-วนที่�สั่��คื�ญที่�สั่8ด</LI> <LI>OUTPUT UNIT หร�อหน-วยแสั่ดงผล ได�แกำ- Monitor, Printer, Plotter</LI></OL>

กำ�รจ�ดห�วข�อโดยใช้� <OL TYPE="I"><BR><OL TYPE="I"> <LI>INPUT UNIT หร�อหน-วยร�บข�อม�ล ได�แกำ- Keyboard, Mouse, Scanner</LI> <LI>CENTRAL PROCESSING UNIT (CPU) หร�อหน-วยประมวลผลกำล�งถ�อเป*นสั่-วนที่�สั่��คื�ญที่�สั่8ด</LI> <LI>OUTPUT UNIT หร�อหน-วยแสั่ดงผล ได�แกำ- Monitor, Printer, Plotter</LI></OL></BODY></HTML>

<OL> เร%มตั�นล��ด�บข�อม�ล

TYPE="A" กำ��หนดเคืร�องหม�ยเพ�อใช้�ในกำ�รล��ด�บข�อม�ล ได�แกำ- A,

a, I, i ถ��ไม-กำ��หนดจะเร%มตั�นด�วย 1 เสั่มอ

<LI> เร%มตั�นข�อม�ลใน List

</LI> สั่%1นสั่8ดข�อม�ลใน List

</OL> สั่%1นสั่8ดกำ�รล��ด�บข�อม�ล

ผลล�พธ์#ที่�ได�กำ�รจ�ดห�วข�อโดยใช้� <OL>

1.INPUT UNIT หร�อหน-วยร�บข�อม�ล ได�แกำ- Keyboard, Mouse, Scanner2.CENTRAL PROCESSING UNIT (CPU) หร�อหน-วยประมวลผลกำล�ง ถ�อเป*นสั่-วนที่�สั่��คื�ญที่�สั่8ด3.OUTPUT UNIT หร�อหน-วยแสั่ดงผล ได�แกำ- Monitor, Printer, Plotterกำ�รจ�ดห�วข�อโดยใช้� <OL TYPE="A">

A.INPUT UNIT หร�อหน-วยร�บข�อม�ล ได�แกำ- Keyboard, Mouse, ScannerB.CENTRAL PROCESSING UNIT (CPU) หร�อหน-วยประมวลผลกำล�ง ถ�อเป*นสั่-วนที่�สั่��คื�ญที่�สั่8ดC.OUTPUT UNIT หร�อหน-วยแสั่ดงผล ได�แกำ- Monitor, Printer, Plotterองกำ�รจ�ดห�วข�อโดยใช้� <OL TYPE="I">

I.INPUT UNIT หร�อหน-วยร�บข�อม�ล ได�แกำ- Keyboard, Mouse, ScannerII.CENTRAL PROCESSING UNIT (CPU) หร�อหน-วยประมวลผลกำล�ง ถ�อเป*นสั่-วนที่�สั่��คื�ญที่�สั่8ดIII.OUTPUT UNIT หร�อหน-วยแสั่ดงผล ได�แกำ- Monitor, Printer, Plotterอธ์%บ�ยคื��สั่�ง

การจัดล็�าดบห�วข�อัแล็ะเน��อัหาโดยใช้� DL

<DL> เร%มตั�นล��ด�บข�อม�ล<DT> คื��จ��กำ�ดคืว�ม<DD> คืว�มหม�ยหร�อคื��อธ์%บ�ย

<HTML><HEAD>    <TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD><BODY>

องคื#ประกำอบที่�สั่��คื�ญของคือมพ%วเตัอร# ม�ด�งตั-อไปน�1<BR><DL>      <DT>INPUT UNIT</DT>      <DD>หน-วยร�บข�อม�ล ได�แกำ- Keyboard, Mouse, Scanner</DD>      <DT>CENTRAL PROCESSING UNIT<DT>      <DD>CPU หร�อหน-วยประมวลผลกำล�ง ถ�อเป*นสั่-วนที่�สั่��คื�ญที่�สั่8ด</DD>      <DT>OUTPUT UNIT</DT>      <DD> หน-วยแสั่ดงผล ได�แกำ- Monitor, Printer, Plotter</DD></DL></BODY></HTML>อธ์%บ�ยคื��สั่�ง

การใสี�ร"ปภาพประกอับเว�บเพจั (ไม�ม�กรอับ)

• <HTML><HEAD><TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD>

•<BODY><CENTER>น�คื�อภ�พด�ร�คืนโปรดของฉั�น><BR><IMG SRC="mypic.gif" BORDER=0 WIDTH=120 HIGHT=120 ALT="Super Star"><BR>ลองที่�ยด�ซ้%ว-�เธ์อคื�อใคืร<BR></CENTER>

•</BODY></HTML>

การใสี�ร"ปภาพประกอับเว�บเพจั (ม�กรอับ)

• <HTML><HEAD><TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD>

•<BODY><CENTER>น�คื�อภ�พด�ร�คืนโปรดของฉั�น><BR><IMG SRC="mypic.gif" BORDER=2 WIDTH=120 HIGHT=120 ALT="Super Star"><BR>ลองที่�ยด�ซ้%ว-�เธ์อคื�อใคืร<BR></CENTER>

</BODY></HTML>

• อธ์%บ�ยคื��สั่� ง..•

<IMG>  เป*นกำ�รบอกำให�ร� �ว-�น�คื�อแที่�กำร�ปภ�พSRC="ช้�อไฟ้ล#ร�ปภ�พ" ช้�อของร�ปภ�พที่�จะน��ม�ประกำอบเว�บเพจ (ตั�องระบ8) BORDER=0 กำ��หนดให�ม�หร�อไม-ม�เสั่�นขอบรอบร�ปภ�พ 0= ไม-ม�เสั่�นขอบ (คื-�ปกำตั%) WIDTH=120 กำ��หนดขน�ดคืว�มกำว��งของร�ปภ�พ (Pixel) (ไม-ตั�องกำ��หนดกำ�ได�) HEIGHT=120 กำ��หนดขน�ดคืว�มสั่�งของร�ปภ�พ (Pixcel) (ไม-ตั�องกำ��หนดกำ�ได�) ALT="คื��อธ์%บ�ย" คื��อธ์%บ�ยน�1จะแสั่ดงในกำรณี�ที่�ไม-สั่�ม�รถแสั่ดงร�ปภ�พได� หร�อ

 เม�อว�งเม�สั่#บนร�ปภ�พ

การใช้�แทำ�กแบบย�อั ๆ <IMG SRC="mypic.gif"> จัะได�ผล็ล็พธ์+ค�อัไม�ม�เสี�นขอับ

การจัดตั�าแหน�งร"ปแล็ะข�อัความแบบ 1

• <HTML><HEAD><TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD>

•<BODY><CENTER><IMG SRC="smicon7.gif" BORDER=0 ALIGN=LEFT><FONT COLOR="Blue">

ห�องสั่นที่น� Chat คื�อแหล-งรวมช้8มช้นคืนออนไลน# ที่�กำล8-มว�ยร8 -นสั่ม�ยน�1ม�กำจะน%ยมกำ�นม�กำ... แตั-จะว-�ไปแล�วคืนที่�จะเข��ห�องสั่นที่น�บ-อยๆ น�1นโดยม�กำจะตั�อง

เป*นผ��ที่�ช้-�งคื%ดช้-�งเจรจ� และที่�สั่��คื�ญจะตั�องพ%มพ#ด�ดคืล-องด�วย<BR></FONT></CENTER>

•</BODY></HTML>

• ผลล�พธ์#ที่�ได� ร�ปที่� (1) ALIGN=LEFT กำ��หนดให�ร�ปภ�พอย�-ที่�งด��นซ้��ยของข�อคืว�ม

การจัดตั�าแหน�งร"ปแล็ะข�อัความแบบ 2• <HTML>

<HEAD><TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD>

•<BODY><CENTER><IMG SRC="smicon7.gif" BORDER=0 ALIGN=RIGHT><FONT COLOR="Blue">

ห�องสั่นที่น� Chat คื�อแหล-งรวมช้8มช้นคืนออนไลน# ที่�กำล8-มว�ยร8 -นสั่ม�ยน�1ม�กำจะน%ยมกำ�นม�กำ...แตั- จะว-�ไปแล�วคืนที่�จะเข��ห�องสั่นที่น�บ-อยๆ น�1นโดยม�กำจะตั�องเป*นผ��ที่�ช้-�งคื%ดช้-�งเจรจ� และที่�

สั่��คื�ญจะตั�องพ%มพ#ด�ดคืล-องด�วย<BR></FONT>

• </CENTER>•

</BODY></HTML>

• --------------------------------------------------------------• อธ์%บ�ยคื��สั่�ง..•

ALIGN=LEFT กำ��หนดให�ร�ปภ�พอย�-ที่�งด��นซ้��ยของข�อคืว�ม (Default) ALIGN=RIGHT  กำ��หนดให�ร�ปภ�พอย�-ที่�งด��นขว�ของข�อคืว�มALIGN=TEXTTOP กำ��หนดให�ขอบบนของร�ปภ�พในอย�-ระด�บเด�ยวกำ�นกำ�บขอบบนของข�อคืว�ม(ไม-คื-อยได�ใช้�) ALIGN=BOTTOM กำ��หนดให�ขอบล-�งของร�ปภ�พในอย�-ระด�บเด�ยวกำ�นกำ�บขอบบนของข�อคืว�ม(ไม-คื-อยได�ใช้�)

การทำ�าฉากหล็งในหน�าเว�บเพจั

•<HTML><HEAD><TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD><BODY BACKGROUND="paperln.gif">

• <-- ใสั่-เน�1อห�ของเว�บเพจตัรงน�1คืร�บ -->• </BODY>

</HTML>• ผลล�พธ์#ที่�ได�..•

ตั�มตั�วอย-�งน�1 ที่-�นจะเห�นภ�พฉั�กำหล�งที่�เป*นเสั่�นสั่�ฟ้)� ๆ คืร�บ

• อธ์%บ�ยคื��สั่�ง..• BACKGROUND="ช้�อร�ปภ�พ" เป*นกำ�รกำ��หนดให�น��ร�ปภ�พม�เป*นฉั�กำหล�งในหน��

เว�บเพจ

ใสี�เพล็งในหน�าเว�บเพจั• <HTML>

<HEAD> <TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD>

•<BODY> <BGSOUND SRC="nice.mid" LOOP="Infinite"></BODY>

•</HTML>

อธ์%บ�ย

BGSOUND เป*นแที่�กำคื��สั่� งเพ�อบอกำให�เบร�สั่#เซ้อร#ร� �ว-�จะตั�องด�วน#โหลดเพลงม�บรรเลงประกำอบหน��เว�บเพจ

SRC="ช้�อเพลง"เป*นกำ�รกำ��หนดแหล-งที่�เกำ�บและช้�อเพลงที่�ตั�องกำ�รให�เบร�สั่#เซ้อร#ด�วน#โหลดม�บรรเลง

LOOP="infinite"เป*นกำ�รกำ��หนดให�เบร�สั่#เซ้อร#เล-นเพลงไป

เร�อยๆ ถ��ไม-ตั�องกำ�รให�ลบข�อคืว�มน�1ออกำไปคืร�บ

การเช้�)อัมโยง Link ในหน�าเว�บเพจัเด�ยวกน• HTML>

<HEAD> <TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD><BODY>

• กำร8ณี�เล�อกำห�วข�อที่�ตั�องกำ�ร• 1. <A HREF="#history">ประว�ตั%คืว�มเป*นม�</A><br>

2. <A HREF="#operation"> ร�ปแบบที่�วไปและล�กำษณีะของ Web</A><br>3. <A HREF="#referance">คื��ขอบคื8ณี</A><p>

• 1. <A NAME="history">ประว�ตั%คืว�มเป*นม�</A><br> ประม�ณีปล�ยป< พ.ศ. 2539 เม�ออ%นเตัอร#เน�ตัเข��ม�ม�บที่บ�ที่ในประเที่ศไที่ยม�กำข41น (อ�นที่�จร%งม�ม�กำ-อน

หน��น�1นแล�ว แตั-จ��กำ�ดอย�-ในวงแคืบ) ข��พเจ�� (น�ยที่ะเบ�ยน) กำ�ได�เป*นผ��หน4งที่�สั่นใจและเร%มศ4กำษ�ว%ธ์�กำ�รใช้�ง�นตัลอด จนว%ธ์�กำ�รเข�ยนเว�บเพจโดยใช้�ภ�ษ� HTML จนสั่�ม�รถม�เว�บไซ้ตั#เป*น ของตันเองได� ซ้4งเว�บไซ้ตั#แรกำที่�ที่��ข41นน�1น เป*น

เว�บไซ้ตั#ให�บร%กำ�รด�วน#โหลดเพลงไที่ยเด%มในร�ปแบบของ Midi (ตั��หน�กำเพลงไที่ยเด%ม) และร�ปภ�พตั-�ง ๆ ที่�เกำ�ยว กำ�บประเที่ศไที่ย โดยจ�ดที่��เป*นภ�ษ�อ�งกำฤษ เพร�ะเม�อ 3-4 ป<ที่�แล�ว Web Browser (IE) ย�งแสั่ดงผลภ�ษ�ไที่ยได�ไม-

คื-อยด�น�กำ ....<p>• 2. <A NAME="operation"> ร�ปแบบที่�วไปและล�กำษณีะของ Web</A><br>

ร�ปแบบของกำ�รน��เสั่นอโดยที่�วไป สั่-วนใหญ-จะเน�นกำ�รให�คืว�มร� � และบร%กำ�ร แด-สั่ม�ช้%กำ ซ้4งได�แกำ- กำ�ร สั่อนเข�ยนเว�บเพจด�วย HTML, กำ�รที่��เว�บ เพจให�ด�ม�ช้�ว%ตัช้�ว�ด�วย JavaScript, กำ�รสั่ม�คืรขอพ�1นที่�ฟ้ร�เพ�อจ�ดที่��

เว�บไซ้ตั# (Hypermart), กำ�รจดโดเมนเนม, กำ�รย��ยโดเมนเนม (Hypermart) กำ�รโปรโมที่เว�บไซ้ตั#, กำ�รห�ร�ยได�จ�กำเว�บไซ้ตั#, บร%กำ�รเว�บเบสั่อ�เมล#ฟ้ร�, บร%กำ�รสั่-งบ�ตัรอวยพร, บร%กำ�รกำระด�นข-�ว, บร%กำ�รกำระด�นซ้�1อ-ข�ย, บร%กำ�รกำระด�นร�บสั่ม�คืรง�น, แหล-งรวมบร%กำ�รฟ้ร�ตั-�ง ๆ สั่��หร�บเว�บม�สั่เตัอร# และอ�นๆ อ�กำม�กำม�ย...<p>

• 3. <A NAME="referance">คื��ขอบคื8ณี</A><br> ห�กำที่-�นเป*นอ�กำผ��หน4ง ที่�ร� �สั่4กำช้�นช้อบและสั่น�บสั่น8นเว�บเพจภ�ษ�ไที่ย หร�อตั�องกำ�รเผยแพร-เว�บเพจภ�ษ�

ไที่ยของที่-�นเอง ช้มรมเว�บเพจไที่ย ม�คืว�มย%นด�ที่�จะขอเช้%ญที่-�นร-วม สั่ม�คืรเป*นสั่ม�ช้%กำฟ้ร� โดยไม-เสั่�ยคื-�ใช้�จ-�ย อย-�งใดที่�1งสั่%1น และห�กำที่-�น ตั�องกำ�รที่ร�บข-�วสั่�ร กำ�รอ�พเดที่ไซ้ที่# และข-�วสั่�รอ�น ๆ ที่� เป*นประโยช้น# กำร8ณี�แจ�ง

ที่�อย�-อ�เมล# ของที่-�นด�วยคืร�บ ( ช้มรมฯ จะสั่-ง จดหม�ยข-�ว ให�กำ�บเฉัพ�ะสั่ม�ช้%กำที่�ตั�องกำ�ร เที่-�น�1น) อน4งสั่��หร�บที่-�น ที่�เป*นเว�บม�สั่เตัอร# ขอเช้%ญแลกำเปล�ยนล%งคื#กำ�นได�คืร�บ...<p>

• </BODY></HTML>

สั่-วนที่� 1 กำ��หนดข�อคืว�มล%1งคื# (ตั�นที่�ง)

<Aแที่�กำคื��สั่�งเร%มตั�นเพ�อบอกำเบร�สั่#เซ้อร#ให�ร� �ว-�น�คื�อล%1งคื#

HREF="#ช้�อห�วข�อ" ช้�อห�วข�อหร�อตั��แหน-ง ของข�อคืว�มที่�ตั�อง

กำ�รล%1งคื# (ตั�องระบ8)

> อย-�ล�มป,ดที่��ยด�วยเคืร�องหม�ย ">" น�1ที่8กำ

คืร�1งข�อคืว�ม ข�อคืว�มที่�ใช้�แสั่ดงว-�น�คื�อล%1งคื#</A> แที่�กำป,ดที่��ยข�อคืว�มล%1งคื#

สั่-วนที่� 2 กำ��หนดช้�อหร�อตั��แหน-งของล%1งคื#(ปล�ยที่�ง)

<Aแที่�กำคื��สั่�งเร%มตั�นเพ�อบอกำเบร�สั่#เซ้อร#ให�ร� �ว-�น�คื�อล%1งคื#

NAME="ช้�อห�วข�อ" ช้�อห�วข�อหร�อตั��แหน-งปล�ยที่�งของล%1งคื#

(ตั�องระบ8)

> อย-�ล�มป,ดที่��ยด�วยเคืร�องหม�ย ">" น�1ที่8กำ

คืร�1ง

ข�อคืว�ม ข�อคืว�มที่�ใช้�แสั่ดงเป*นห�วข�อและตั��แหน-งปล�ยที่�ง

</A> แที่�กำป,ดที่��ยข�อคืว�มล%1งคื#

ทำ�า link ไปยงหน�าเว�บเพจัอั�)น หร�อัเว�บไซตั+อั�)น• <HTML>

<HEAD><TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD>

•<BODY>

• กำร8ณี�เล�อกำห�วข�อที่�ที่-�นตั�องกำ�ร<BR><UL><LI><A HREF="index.shtml">คื8ยกำ�นกำ-อนหน��แรกำ</A></LI><LI><A HREF="purpose.shtml">ว�ตัถ8ประสั่งคื#กำ�รกำ-อตั�1งฯ</A></LI><LI><A HREF="http://wsabstract.com/cutpastejava.shtml">Free JavaScripts!</A></LI><LI><A HREF="http://www.scriptsolutions.com/home.html">Script Solutions</A></LI></UL>

• </BODY>•

</HTML>• ------------------------------------------------• อธ์%บ�ยคื��สั่�ง..• <A  แที่�กำคื��สั่�งเร%มตั�นเพ�อบอกำเบร�สั่#เซ้อร#ให�ร� �ว-�น�คื�อล%1งคื#

HREF="ช้�อไฟ้ล#/ ที่�อย�- URL" ช้�อไฟ้ล#/ ที่�อย�-เว�บไซ้ตั#ปล�ยที่�งที่�ตั�องกำ�รเช้�อมโยงไปถ4ง (ตั�องระบ8) > อย-�ล�มป,ดที่��ยด�วยเคืร�องหม�ย ">"  น�1ที่8กำคืร�1ง

 ข�อคืว�ม ข�อคืว�มที่�ใช้�แสั่ดงว-�น�คื�อล%1งคื#</A> แที่�กำป,ดที่��ยข�อคืว�มล%1งคื#

ทำ�า link โดยใช้�ร"ปภาพแทำน

• <HTML><HEAD> <TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD><BODY>

• <!-- ล%1งคื#โดยใช้�ร�ปภ�พที่�ม�อย�-ในเว�บไซ้ตั#ของเร�เอง --> <A HREF="index.shtml"><IMG SRC="nav_home_off.gif"></A> <A HREF="sitmap.shtml"><IMG SRC="nav_sitemap_off.gif"></A> <!-- ล%1งคื#โดยใช้�ร�ปภ�พจ�กำเว�บไซ้ตั#อ�นที่�เป*นเว�บไซ้ตั#ปล�ยที่�ง --> <A HREF="http://www.mthai.com"><IMG SRC="http://www.mthai.com/mthai.gif"></A> <A HREF="http://www.happy-box.com"><IMG SRC=http://www.happy-box.com/box.gif"></A>

• </BODY></HTML>

<Aแที่�กำคื��สั่�งเร%มตั�นเพ�อบอกำเบร�สั่#เซ้อร#ให�ร� �ว-�น�คื�อล%1งคื#

HREF="ช้�อไฟ้ล#/ ที่�อย�- URL"ช้�อไฟ้ล#/ที่�อย�-เว�บไซ้ตั#ปล�ยที่�งที่�ตั�องกำ�รเช้�อมโยง

ไปถ4ง (ตั�องระบ8)

> อย-�ล�มป,ดที่��ยด�วยเคืร�องหม�ย ">" น�1ที่8กำคืร�1ง

ร�ปภ�พ ร�ปภ�พที่�ใช้�แสั่ดงว-�น�คื�อล%1งคื# ( ด�ร�ยละเอ�ยดคื��สั่�งIMG ในบที่ที่� 11)

</A> แที่�กำป,ดที่��ยข�อคืว�มล%1งคื#

การทำ�า link แบบเป,ดwindows ใหม�

• <HTML><HEAD> <TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD><BODY>

•     กำร8ณี�เล�อกำห�วข�อที่�ที่-�นตั�องกำ�ร<BR> <UL> <!-- ล%1งคื#ภ�ยในเว�บไซ้ตั#เด�ยวกำ�น แตั-เป,ดเป*นหน��ตั-�งใหม- --> <LI><A HREF="javachart.shtml" TARGET="_blank">โรงเร�ยนว%เศษไช้ยช้�ญ"ตั�นตั%ว%ที่ย�ภ�ม%"</A></LI> <LI><A HREF="seamsee.shtml" TARGET="_blank">เซ้�ยมซ้�เสั่�ยงโช้คื</A></LI> <!-- ล%1งคื#ไปเว�บไซ้ตั#อ�น โดยเป,ดเป*นหน��ตั-�งใหม- --> <LI><A HREF="http://www.hunsa.com" TARGET="_blank">Hunsa.Com</A></LI> <LI><A HREF="http://www.mthai.com" TARGET="_blank">Mthai.Com</A></LI> </UL>

• </BODY></HTML>

<Aแที่�กำคื��สั่�งเร%มตั�นเพ�อบอกำเบร�สั่#เซ้อร#ให�ร� �ว-�น�คื�อล%1งคื#

HREF="ช้�อไฟ้ล#/ ที่�อย�- URL"ช้�อไฟ้ล#/ที่�อย�-เว�บไซ้ตั#ปล�ยที่�งที่�ตั�องกำ�รเช้�อม

โยงไปถ4ง (ตั�องระบ8)

TARGET="_blank" กำ��หนดให�เป,ดหน��ตั-�งเบร�สั่#เซ้อร#ใหม- เพ�อ

แสั่ดงหน��เว�บเพจปล�ยที่�ง (ตั�วเล�อกำ)

> อย-�ล�มป,ดที่��ยด�วยเคืร�องหม�ย ">" น�1ที่8กำคืร�1งข�อคืว�ม ข�อคืว�มที่�ใช้�แสั่ดงว-�น�คื�อล%1งคื#

</A> แที่�กำป,ดที่��ยข�อคืว�มล%1งคื#

ผลล�พธ์#ที่�ได�กำร8ณี�เล�อกำห�วข�อที่�ที่-�นตั�องกำ�ร

•โรงเร�ยนว%เศษไช้ยช้�ญ "ตั�นตั%ว%ที่ย�ภ�ม%"•เซ้�ยมซ้�เสั่�ยงโช้คื•Hunsa.Com•Mthai.Comอธ์%บ�ยคื��สั่�ง

ทำ�า link เพ�)อัใช้�สี�งอั�เมล็

Mailto:ที่�อย�-อ�เมล#@ปล�ยที่�ง เป*นกำ�รสั่ร��งล%1งคื#เพ�อสั่-งอ�เมล# โดยใช้�

โปรแกำรมอ�เมล#ในเคืร�องของผ��สั่-งเช้-นOutlook Express

ถ��ในเคืร�องคือมฯ ของคื8ณีม�โปรแกำรมน�1 อย�- ลองคืล%@กำล%1งคื#ด�นะคืร�บ จะได�เห�นกำ�ร

ที่��ง�นที่�แที่�จร%ง

HTML><HEAD>    <TITLE> น�คื�อเว�บเพจแรกำของฉั�น </TITLE></HEAD><BODY>    แบบที่� 1 ล%1งคื#ข�อคืว�มธ์รรมด�<p>    <A HREF="Mailto:[email protected]">สั่-งอ�เมล#ถ4งจ�กำรกำฤช้</A>    แบบที่� 2 ใช้�ร�ปภ�พเป*นล%1งคื# เพ�อเพ%มคืว�มน-�สั่นใจ<p>    <A HREF="Mailto:[email protected]"><IMG SRC="mail2.gif" BORDER="0"></A></BODY></HTML>ผลล�พธ์#ที่�ได�แบบที่� 1 ล%1งคื#ข�อคืว�มธ์รรมด�สั่-งอ�เมล#ถ4งปร�ณี�แบบที่� 2 ใช้�ร�ปภ�พเป*นล%1งคื# เพ�อเพ%มคืว�มน-�สั่นใจ อธ์%บ�ยคื��สั่�ง

การสีร�างแบบสีอับถามแบบ 1 text• กำ�รสั่ร��งแบบสั่อบถ�มในหน��เว�บเพจน�1น เร�สั่�ม�รถที่��ได�ง-�ย ๆ โดยกำ�รใช้�แที่�กำคื��สั่�ง <FORM> เพ�อเร%มตั�นแบบ

สั่อบถ�ม และใช้�แที่�กำคื��สั่�ง </FORM> เพ�อสั่%1นสั่8ด... แตั-ล��พ�งแที่�กำคื��สั่�งเพ�ยงคื�-น�1คื�-เด�ยว ย�งไม-สั่�ม�รถเป*น แบบสั่อบถ�มที่�สั่มบ�รณี#ได� เร�จะตั�องม�ช้-องร�บข�อม�ล <INPUT TYPE> ที่�ม�ร�ปแบบตั-�ง ๆ กำ�น ม�ประกำอบด�วย,

<INPUT TYPE> ที่�สั่�ม�รถน��ม�ใช้�ในแบบสั่อบถ�มได� ม�ด�งตั-อไปน�1คืร�บ

• แบบที่� 1 INPUT TYPE แบบ "TEXT"

• <FORM>• Name: ช้�อ-น�มสั่กำ8ล<BR>• <INPUT TYPE="text" NAME="name" SIZE="30" MAXLENGTH=30><BR>• Site Url: ที่�อย�-เว�บไซ้ตั#ของคื8ณี<BR>• <INPUT TYPE="text" NAME="siteurl" SIZE="30" MAXLENGTH=30 VALUE="http://"><BR>• </FORM>• ----------------------------------------------------------------------• อธ์%บ�ยคื��สั่�ง• <INPUT TYPE="text"> เป*นกำ�รกำ��หนดให�ม�ช้-องร�บข�อม�ลแบบ TEXT• NAME="name" ช้�อของช้-องร�บข�อม�ล ( จะตั�องม�ช้�อไม-ซ้�1�กำ�นห�กำม�ช้-องร�บข�อม�ลม�กำกำว-� 1 ช้-อง)• SIZE="20" เป*นกำ�รกำ��หนดคืว�มกำว��งของช้-องร�บข�อม�ล• MAXLENGTH="30" เป*นกำ�รกำ��หนดคืว�มย�วสั่�งสั่8ดของข�อม�ล (จ��นวนตั�วอ�กำษร)• VALUE="http://" เป*นกำ�รกำ��หนดคื-�เบ�1องตั�นให�กำ�บช้-องร�บข�อม�ล

การสีร�างแบบสีอับถามแบบ 2 REDIO

• แบบที่� 2 INPUT TYPE แบบ "REDIO"

• <FORM>• คื8ณีอ�ย8เที่-�ใด:(เล�อกำเพ�ยงข�อใดข�อหน4งเที่-�น�1น)<BR>• <INPUT TYPE="radio" NAME="age" VALUE="20-30">20-30 ป<• <INPUT TYPE="radio" NAME="age" VALUE="31-40" CHECKED>31-40 ป<• <INPUT TYPE="radio" NAME="age" VALUE="41-50" DISABLED>41-50 ป<• </FORM>• ผลล�พธ์#ที่�ได�

• คื8ณีอ�ย8เที่-�ใด:(เล�อกำเพ�ยงข�อใดข�อหน4งเที่-�น�1น)• 20-30 ป< <-- คื-�ปกำตั%• 31-40 ป< <-- CHECKED• 41-50 ป< <-- DISABLED• อธ์%บ�ยคื��สั่�ง• <INPUT TYPE="redio"> เป*นกำ�รกำ��หนดให�ม�ช้-องร�บข�อม�ลแบบ REDIO• NAME="age" ช้�อของป8Aมร�บข�อม�ล (ตั�องเป*นช้�อเด�ยวกำ�นที่8กำป8Aม)• VALUE="20-30" เป*นกำ��หนดคื-�หร�อข�อม�ลให�กำ�บป8Aมร�บข�อม�ล• CHECKED เป*นกำ�รกำ��หนดให�ม�กำ�รเล�อกำป8Aมร�บข�อม�ลน�1เป*นเบ�1องตั�น• DISABLED เป*นกำ�รกำ��หนดไม-ให�ม�กำ�รเล�อกำป8Aมร�บข�อม�ลน�1

การสีร�างแบบสีอับถามแบบ 3 CHECKBOX

• แบบที่� 3 INPUT TYPE แบบ "CHECKBOX"

• <FORM>• ห�วข�อใดที่�คื8ณีช้�นช้อบเป*นพ%เศษ ( เล�อกำได�ม�กำกำว-� 1 ข�อ)<BR>• <INPUT TYPE="checkbox" NAME="Members">ที่ะเบ�ยนร�ยช้�อสั่ม�ช้%กำ<BR>• <INPUT TYPE="checkbox" NAME="New page" CHECKED>แนะน��เว�บเพ�จใหม-<BR>• <INPUT TYPE="checkbox" NAME="Techno" DISABLED>ว%ช้�กำ�ร/บที่คืว�ม<BR>• </FORM>• ------------------------------------------------------------------------------------• ห�วข�อใดที่�คื8ณีช้�นช้อบเป*นพ%เศษ ( เล�อกำได�ม�กำกำว-� 1 ข�อ)• ที่ะเบ�ยนร�ยช้�อสั่ม�ช้%กำ <-- คื-�ปกำตั%• แนะน��เว�บเพ�จใหม- <-- CHECKED• ว%ช้�กำ�ร/ บที่คืว�ม <-- DISABLED• อธ์%บ�ยคื��สั่�ง• <INPUT TYPE="checkbox"> เป*นกำ�รกำ��หนดให�ม�ช้-องร�บข�อม�ลแบบ CHECKBOX• NAME="Member" ช้�อของป8Aมร�บข�อม�ล ( จะตั�องม�ช้�อไม-ซ้�1�กำ�นห�กำม�ป8Aมร�บข�อม�ลม�กำกำว-� 1 ป8Aม)• VALUE="20-30" เป*นกำ��หนดคื-�หร�อข�อม�ลให�กำ�บป8Aมร�บข�อม�ล• CHECKED เป*นกำ�รกำ��หนดให�ม�กำ�รเล�อกำป8Aมร�บข�อม�ลน�1เป*นเบ�1องตั�น• DISABLED เป*นกำ�รกำ��หนดไม-ให�ม�กำ�รเล�อกำป8Aมร�บข�อม�ลน�1

ช้�อังรบข�อัม"ล็ช้น.ดพ.เศษ (1) "<INPUT TYPE=PASSWORD">

• <FORM>• Username: ช้�อสั่ม�ช้%กำ<BR>• <INPUT TYPE="text" NAME="name" SIZE="30"><BR>• Password: รห�สั่ผ-�นของคื8ณี<BR>• <INPUT TYPE="password" NAME="password" SIZE="30"><BR>• </FORM>• ผลล�พธ์#ที่�ได�

• Username : ช้�อสั่ม�ช้%กำ• • Password : รห�สั่ผ-�นของคื8ณี•

---------------------------------------------------------------------------------------------------------------

• อธ์%บ�ยคื��สั่�ง• <INPUT TYPE="text"> เป*นกำ�รกำ��หนดให�ม�ช้-องร�บข�อม�ลแบบ TEXT• <INPUT TYPE="password"> เป*นกำ�รกำ��หนดให�ม�ช้-องร�บข�อม�ลแบบ PASSWORD• หม�ยเหตั8 ในช้-องร�บข�อม�ลแบบ PASSWORD เม�อป)อนข�อม�ลจะเห�นตั�วอ�กำษร

เป*น ****

ช้�อังรบข�อัม"ล็ช้น.ดพ.เศษ (2) "TEXTAREA"

• <FORM>• คื��แนะน��หร�อตั%ช้ม<BR>• <TEXTAREA NAME="comment" COLS="50" ROWS="5"

WRAP="virtual"></TEXTAREA>• </FORM>• ผลล�พธ์#ที่�ได�

• คื��แนะน��หร�อตั%ช้ม

• อธ์%บ�ยคื��สั่� ง• <TEXTAREA> เป*นกำ�รกำ��หนดให�ม�ช้-องร�บข�อม�ลแบบ TEXTAREA• NAME="comment" ช้�อของช้-องร�บข�อม�ล (Field Name)• COLS="50" เป*นกำ��หนดคืว�มกำว��งของช้-องร�บข�อม�ล• ROWS="5" เป*นกำ�รกำ��หนดจ��นวนบรรที่�ดของช้-องร�บข�อม�ล• WRAP="vitual" เป*นกำ�รกำ��หนดให�ม�กำ�รตั�ดคื��ของข�อม�ลโดยอ�ตัโนม�ตั%• </TEXTAREA> แสั่ดงจ8ดสั่%1นสั่8ดช้-องร�บข�อม�ลแบบ TEXTAREA

ช้�อังรบข�อัม"ล็ช้น.ดพ.เศษ (3) "SELECT OPTION"

• <FORM>• <SELECT NAME="province" SIZE="1">• <OPTION VALUE="กำร8งเที่พมห�นคืร">กำร8งเที่พมห�นคืร</OPTION>• <OPTION VALUE="กำระบ�">กำระบ�</OPTION>• <OPTION VALUE="กำ�ญจนบ8ร�" SELECTED>กำ�ญจนบ8ร�</OPTION>• <OPTION VALUE="กำ�ฬสั่%นธ์#">กำ�ฬสั่%นธ์#</OPTION>• </SELECT>• </FORM>• ---------------------------------------------------------------------------------------------------------

• อธ์%บ�ยคื��สั่�ง

• <SELECT> เป*นกำ�รกำ��หนดให�ม�ช้-องร�บข�อม�ลแบบ SELECT• NAME="province" ช้�อของช้-องร�บข�อม�ล (Field Name)• SIZE="1" เป*นกำ��หนดคืว�มกำว��งของช้-องร�บข�อม�ล (จ��นวนบรรที่�ด)• ROWS="5" เป*นกำ�รกำ��หนดจ��นวนบรรที่�ดของช้-องร�บข�อม�ล• OPTION VALUE="กำ�ญจนบ8ร�" เป*นกำ�รกำ��หนดตั�วเล�อกำให�กำ�บช้-องร�บข�อม�ล• NAME="SELECTED" กำ��หนดให�เล�อกำข�อม�ลน�1เป*นเบ�1องตั�น• </SELECT> แสั่ดงจ8ดสั่%1นสั่8ดช้-องร�บข�อม�ลแบบ SELECT•

การสีร�างป01ม สี�งข�อัม"ล็แล็ะป01ม ล็บพ.มพ+ใหม�

• <FORM>• Name: ช้�อ-น�มสั่กำ8ล<BR> <INPUT TYPE="text" NAME="name" SIZE="30"><BR>• E-mail: ที่�อย�-อ�เมล#ของคื8ณี<BR> <INPUT TYPE="text" NAME="email"

SIZE="30"><BR>• คื��แนะน��/เสั่นอแนะ/ตั%ช้ม: (เพ�อกำ�รปร�บปร8งเว�บไซ้ที่#คืร�1งตั-อไป)<BR>• <TEXTAREA NAME="comment" COLS="50" ROWS="5"

WRAP="virtual"></textarea><P>• <INPUT TYPE="submit" VALUE="สั่-งข�อม�ล">• <INPUT TYPE="reset" VALUE="ลบพ%มพ#ใหม-">• </FORM>• ------------------------------------------------------------------------------

• Name : ช้�อ-น�มสั่กำ8ล

• E-mail : ที่�อย�-อ�เมล#ของคื8ณี

• คื��แนะน��/เสั่นอแนะ/ตั%ช้ม: (เพ�อกำ�รปร�บปร8งเว�บไซ้ที่#คืร�1งตั-อไป)

<INPUT TYPE="submit"> เป*นกำ�รกำ��หนดให� Browser สั่-ง

ข�อม�ลในแบบสั่อบถ�มไปย�ง Server

<INPUT TYPE="reset"> เป*นกำ�รกำ��หนดให� Browser ลบ

ข�อม�ลที่�พ%มพ#ไว�ออกำไป

VALUE="ข�อคืว�ม"เป*นกำ�รกำ��หนดข�อคืว�มที่�ใช้�แสั่ดงบนป8Aมที่�1งสั่อง

อธ์%บ�ยคื��สั่�ง 


<!doctype html><html><head><script type=