การสร้่างเว็บด้วยภาษา html

บทท 4

การสรางเวบดวยภาษา HTML

Webpage Design and Programming Workshop (7152306) อาจารยสธารตน ชาวนาฟาง

สาขาวศวกรรมซอฟตแวร คณะวทยาศาสตรและเทคโนโลย มหาวทยาลยราชภฏนครปฐม

ภาษา HTML

Webpage Design and Programming Workshop

• HTML ยอมาจากค าวา Hypertext Markup Language

• มลกษณะเปนภาษาในเชงการบรรยายเอกสารไฮเปอรมเดย

• มโครงสรางภาษา Markup Tags เพอท าหนาทควบคมการแสดงผลขอมล

รปภาพ และวตถอนๆ ผานทางโปรแกรมเวบบราวเซอร

• แสดงในลกษณะ WYSIWYG (What You See Is What You Get)

• เรยกใชเอกสารผานโปรแกรมเวบบราวเซอร เชน IE, Mozilla Firefox, และ

Google Chrome เปนตน

• มนามสกลเปน .html หรอ .htm

ภาษา HTML


การเขยนภาษา HTML ดวยโปรแกรม

Notepad

การเขยนเปดดเอกสาร HTML ดวย

โปรแกรม IE

ขอด-ขอเสยภาษา HTML


ขอด

สามารถใชไดกบเครองคอมพวเตอรและระบบปฏบตการไดหลากหลาย

ชนดและไฟลทไดจากการสรางเอกสาร HTML ยงมขนาดเลกอกดวย

ขอเสย

คอโปรแกรมเหลานมก Generate code ทเกนความจ าเปนมากเกนไป ท าให

ไฟล HTML มขนาดใหญและแสดงผลชา

โครงสรางภาษา HTML


1. แทก (Tag)

• คอค าสงทใชในภาษา HTML อยในเครองหมาย <และ>

• ใชส าหรบจดรปแบบขอความ ภาพหรอวตถอนๆ ในภาษา HTML

สวนมากจะม tag เปด และ tag ปด โดยมรปแบบดงน

1.1 Tag เดยว เปน Tag ทไมตองมการปดรหส เชน <P>, <BR>, <HR> เปนตน

1.2 Tag เปด/ปด เชน <h1>…..</h1>, <p>…..</p> เปนตน

โครงสรางภาษา HTML

2. Attributes

• Attributes เปนสวนขยายความสามารถของ Tag

• ใชส าหรบจดรปแบบเพมเตม เชน ขนาด ส ระยะหาง เปนตน

• คาของ attribute จะอยในเครองหมาย "…..…"

• ในค าสง HTML จะม Attribute แตกตางกนไปและมจ านวนไมเทากน

• จะใชเปนตวอกษรพมพเลกหรอพมพใหญกได เชน

<p align="center"> ขอความในพารากราฟนจดวางอยกงกลางหนาจอ </p>

<hr width="200" color="red" noshade> ใชสรางเสนคนยาว 200 pixel สแดงทบ


รปแบบการเขยน

ค าสง รายละเอยด

<HTML>…</HTML>

เปนค าสงเรมตนในการเขยนโปรแกรม และค าสง </HTML> เปน

การสนสดโปรแกรม

<HEAD>…</HEAD> ใชก าหนดรายละเอยดตางๆ เกยวกบเวบเพจ

<TITLE>…<TITLE>

ขอความภายในค าสงจะแสดงผลในสวนของ Title Bar ของ

โปรแกรมเวบบราวเซอร

<BODY>…</BODY>

ค าสงนเปนสวนทส าคญในการแสดงผลในเวบบราวเซอร ซงจะ

ประกอบไปดวยตวอกษร รปภาพกราฟกตาง ๆ


รปแบบการเขยน


<HTML>

<HEAD>

<TITLE> สวนของขอความทจะปรากฏท Title Bar ของ Browser </TITLE></HEAD>

<BODY>

ค าสงหรอขอความทตองการใหแสดง

……………………………………………………

………………………………………

</BODY>

</HTML>

Body Section


เปนสวนเนอหาหลกของหนาเวบ ซงการแสดงผลจะตองใช Tag ทงนใหปอน

ค าสงทงหมดภายใต Tag <BODY> … </BODY> และแบงกลมค าสงไดดงน

1. การก าหนดลกษณะขอความ

2. การจดรปแบบเอกสาร

3. ค าสงแทรกรปภาพ

4. ค าสงการเชอมโยงลงค (Links)

5. การสรางตาราง

6. การสรางฟอรม

7. กลมค าสงควบคมเฟรม



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

• รปแบบค าสง

<FONT FACE="font name หรอ typeface">..........</FONT>

<HTML><HEAD>

<TITLE>FONT FACE </TITLE></HEAD>

<BODY>

ชนดของฟอนตปกต <BR>

<font face ="MS Sans Serif"> ฟอนตชอ MS Sans Serif </font><BR>

<font face = "Tahoma"> ฟอนตชอ Tahoma </font>

</BODY>

</HTML>



การก าหนดขอความลกษณะหวเรอง


<Hn>....Heading Text ... </Hn>

<body>

<h1>หวเรอง ทมคา n เปน 1</h1>






</body>



การก าหนดขนาดของตวอกษร

• ก ำหนดเปนตวเลข รปแบบค าสง

<FONT SIZE="คาก าหนดขนาดของตวอกษร">..........</FONT>

<BODY>

<FONT SIZE="1">Computer</Font>







</BODY>



การก าหนดขนาดของตวอกษร

• ก ำหนดโดยใชเคร องหมำยบวกและเคร องหมำยลบ รปแบบค าสง

<BODY>

<FONT SIZE="+4">Computer</Font>




Computer

<FONT SIZE="-1">Computer</Font>

<FONT SIZE="-2">Computer</Font>

</BODY>



การก าหนดตวอกษรใหมความหนา


<B>…………………..</B>

<HTML>

<HEAD><TITLE> การก าหนดตวหนา </TITLE></HEAD>

<BODY>

ตวอกษรปกต COMPUTER

ตวอกษรหนา <B>COMPUTER</B>

</BODY>

</HTML>



การก าหนดตวอกษรใหขดเสนใต


<U>…………………..</U>

<HTML> <HEAD> <TITLE> การก าหนดการขดเสนใต </TITLE></HEAD> <BODY> ตวอกษรปกต COMPUTER ตวอกษรทขดเสนใต <U> COMPUTER </U> </BODY> </HTML>



การก าหนดตวอกษรใหมการเอน


<i>…………………..</i>

<HTML> <HEAD> <TITLE>การก าหนดอกษรเอน</TITLE></HEAD> <BODY> ตวอกษรปกต COMPUTER ตวอกษรเอน <i>COMPUTER </BODY> </HTML>



การก าหนดตวอกษรกระพรบ


<BLINK>…………………..</BLINK>

<HTML> <HEAD> <TITLE> การก าหนดตวอกษรกระพรบ </TITLE></HEAD> <BODY> <Blink> COMPUTER </Font></Blink> แสดงผลไดเฉพาะบน Netscape </BODY> </HTML>



การก าหนดสของตวอกษร


<FONT COLOR="#RGB หรอ ก าหนดชอสทตองการ">..........</FONT>

<HTML> <HEAD> <TITLE> FONT COLOR </TITLE></HEAD> <BODY text="yellow"> Computer

<font color = "red"> ขอความนก าหนดใหเปนสแดง </font><br> <font color = "#0000ff"> ขอความนก าหนดใหเปนสน าเงน </font>

</BODY> </HTML>



การก าหนดสใหกบตวอกษรทงเอกสาร


แบบท 1

<BODY Text = "สพ นหลง">

.................................………………

</BODY>

แบบท 2 (ก าหนดสพ นหลงจากเลขฐาน 16)

<BODY Text = "#RRGGBB">

.................................………………

</BODY>

<HTML>

<HEAD><TITLE> Heading </TITLE></HEAD>

<BODY Text="#FF0000">

มหาวทยาลยราชภฎนครปฐม

</BODY>

</HTML>



การก าหนดสพ นหลง


แบบท 1

<BODY BGColor = "สพนหลง"> .................................…………………

</BODY>

แบบท 2 (ก ำหนดสพนหลงจำกเลขฐำน 16)

<BODY BGColor = "#RRGGBB">

.................................……………………………..

</BODY>

<HTML>

<HEAD><TITLE> BGColor </TITLE></HEAD>

<BODY BGColor="#FFFF00">

มหาวทยาลยราชภฎนครปฐม

</BODY>

</HTML>



ค าสง หนาท

<BR> การข นบรรทดใหม

<P> การยอหนาใหม (Paragraph Tag)

ค าสงการเวนวรรค

<MARQUEE>..........</MARQUEE> การก าหนดตวอกษรเคลอนท

<SUP>..........</SUP> ค าสงทก าหนดตวอกษรยกระดบ

<SUB>..........</SUB> ค าสงทก าหนดตวอกษรพวงทาย (ตวหอย)

<P

ALIGN="LEFT/RIGHT/CENTER">......</P>

ก าหนดคาของการจดการจดต าแหนงการแสดงผล

• "left" การจดต าแหนงการแสดงผลอยทางซาย

• "right" การจดต าแหนงการแสดงผลอยทางขวา

• "center" การจดต าแหนงการแสดงผลอยตรงกลาง



ก าหนดคาของการจดการจดต าแหนงการแสดงผล

<HTML> <HEAD><TITLE> Paragraph </TITLE></HEAD> <BODY> <H4>การจดยอหนาในเวบเพจ</H4><BR> <P ALIGN="Left">ขอความชดซายบรรทด </P> <P ALIGN="Center">ขอความกงกลางบรรทด </P> <P ALIGN="Right">ขอความชดขวาบรรทด </P> </BODY> </HTML>



ค าสงเสนคนทางแนวนอน


<HR>

tag <hr>, <hr /> แสดงผล

<hr> หรอ <hr />

<hr width="50%" />

<hr width="200" />

<hr size="1" />

<hr size="3" />

<hr size="5" />

<hr width="50%" align="right" />

<hr color="red" />

<hr size="3" color="red" />

<hr size="5" />

<hr size="5" noshade> หรอ

<hr size="5" noshade="noshade">



การแสดงผลแบบรายการแบบมหมายเลขก ากบ


ชนดของ Type สงทปรากฏ

A แสดงตวอกษรพมพใหญ (Caplital letters)

a แสดงตวอกษรพมพเลก (Small letters)

I แสดงตวเลขโรมนตวพมพใหญ (Large Roman numerals)

i แสดงตวเลขโรมนตวพมพเลก (Small Roman numerals)

1 แสดงตวเลขอารบก (Small Roman numerals)

* เปนคา default *

<OL value = "1" >

<LI>รายการท 1


</OL>



การแสดงผลแบบรายการแบบมหมายเลขก ากบ

<HTML>

<HEAD><TITLE> Order List </TITLE></HEAD>

<BODY>

<OL Type="I"> My computer in my dream

<LI>Inter Pentium 4 processor 2.0 GHz

<LI>RDRAM 256 MB

<LI>Harddisk 50 GB ATA-100

<LI>52X CD-Rom Drive

<LI>Speakers (Labtec) 160 Watt

<LI>Asus GeForce3 64 MB

<LI>Creative Sound Baster

<LI>Monitor Sony Wega 20"

</OL>

</BODY>

</HEAD>



การแสดงผลแบบรายการแบบมสญลกษณก ากบ

ชนดของเครองหมาย รปแบบค าสง

รปวงกลมทบ (Disc) <UL type = "square">



</UL>

รปวงกลมโปรง (Circle)

รปสเหลยม (Square)



การแสดงผลแบบรายการแบบมสญลกษณก ากบ

<BODY> <UL Type="Circle">การศกษาวชาพนฐานของคณะวทยาศาสตร สาขาวทยาการคอมพวเตอรไดแก <LI>วชาการออกแบบโปรแกรม <UL> <LI Type="Disc">(CT211) </UL> <LI>วชาวทยาการคอมพวเตอรเบองตน <UL> <LI Type="Disc">(CT105) </UL> <LI>วชาโครงสรางไมตอเนอง <UL> <LI Type="Disc">(CT203) </UL> </UL> </BODY>


ชนดไฟล รายละเอยด

GIF ภาพกราฟกมลกษณะลายเสน ขอความตวอกษร หรอภาพการตนตางๆ ซงมสไม

มากนก ไฟล GIF มคาสสงสด 256 ส ดงนนทเซฟจะเปนภาพทมลกษณะทบ และ

ไมสามารถไลเฉดสไดมากนก

JPG แสดงผลของสได 16.7 ลานส จงเหมาะส าหรบภาพทมเฉดสเยอะ เชน ภาพถาย

หรอภาพอนๆ ทมสเยอะ นอกจากนยงสามารถเลอกทจะบบอดไฟลภาพใหมขนาด

เลกลงได แตคณภาพจะลดลง

PNG ไฟลประเภทนจะมใหเลอกเซฟ 2 แบบคอ แบบ PNG-8 ซงสามารถแสดงผลสได

สงสด 256 ส และยงสามารถเซฟเปนแบบ PNG-24 ซงสามารถแสดงผลสได

สงสดถง16.7 ลานส สามารถท าเปนภาพพ นหลงโปรงใส แตไฟลภาพประเภทน

จะมขนาดไฟลใหญกวาภาพ JPG มาก ดงนนจงมกใชเซฟภาพซงมขนาดเลกๆ แต

มการใชสมาก เชน ภาพไอคอนตางๆ




<imgsrc="ชอรปภาพทมนามสกลเปน .gif หรอ .jpg" >

Alt เปนการก าหนดขอความอธบาย

Align = "top" เปนการก าหนดขอความทอยดานบนของรปภาพ

Align = "middle" เปนการก าหนดขอความทอยกงกลางของรปภาพ

Align = "bottom" เปนการก าหนดขอความทอยดานลางของรปภาพ

Align = "left" เปนการก าหนดขอความทอยดานขวาของรปภาพ

Align = "right" เปนการก าหนดขอความทอยดานซายของรปภาพ

Width การก าหนดขนาดความกวางของรปภาพ

Height การก าหนดขนาดความสงของรปภาพ

Vspace / Hspace เปนการก าหนดระยะเวนขอบจากดานซายกบรปภาพ ในการแสดงขอความ

ลอมรอบรป

Border เปนการก าหนดเสนกรอบของรปภาพ



<html>

<head>

<title>ค าสงใสรปภาพ </title></head>

<body>

<imgsrc="file:///C|/Users/Administrator/Desktop/picLOGO.jpg" width="851"

height="315"/>

</body>

</html>



การก าหนดขนาดของรปภาพ

<html>

head>

<title> Insert Images : การก าหนดขนาดภาพ</title></head>

<body>

แสดงการก าหนดขนาดภาพ<br>

<imgsrc="daffy.gif"><br>

<imgsrc="daffy.gif" width="50" height="51"><br>

<imgsrc="daffy.gif" width="150" height="153"><br>

</body>

</html>



สวนการจดวางต าแหนงรปภาพ

<html>

<head>

<title> Insert Images :ต าแหนงและเสนขอบรปภาพ </title></head>

<body>

<div align="center">ต าแหนงและเสนขอบรปภาพ<br>

<imgsrc="kerokero.gif" border="3">

</div>

</body>

</html>



ค าสงทน ารปภาพมาเปนพ นหลง


o background คอการก าหนดรปภาพ

o bgproperties fixed คอการก าหนดใหรปภาพคงท

<body background="ชอรปภาพทมนามสกลเปน .gif หรอ .jpg" bgproperties=fixed>




<html>

<head>

<title> ค าสงทน ารปภาพมาเปนพ นหลง </title></head>

<body background="bgimage.gif">

ขอความทแสดงในสวนเนอหา

....................................

..........................

</body>

</html>





o background คอการก าหนดรปภาพ

o bgproperties fixed คอการก าหนดใหรปภาพคงท

<body background="ชอรปภาพทมนามสกลเปน .gif หรอ .jpg" bgproperties=fixed>



• การลงคภายในเวบเพจเดยวกน

• การเชอมโยงนอกเวบไซต

• การเชอมโยงแบบอเมล

<A HREF="table.html" >................</A>

<a href="http://URLทตองการจะเชอมโยงไป">.................</a>

<a href = “mailto:ชอ E-mail address”>................</a>



• การเชอมโยงแบบ Download

• การเชอมโยงไฟลดวยรปภาพ

<a href=“URL/filename.ppt”>ไฟลเอกสารน าเสนอ เรอง....</a>

<a href=“URL/filename.doc”>ไฟลเอกสารน าเสนอ เรอง....</a>

<a href=“URL/filename.xls”>ไฟลเอกสารน าเสนอ เรอง....</a>

<a href=“URL/filename.pdf”>ไฟลเอกสารน าเสนอ เรอง....</a>

<a href="ไฟลทมนามสกล .html">

<imgsre="ชอไฟลรปภาพ .gif หรอ .jpg" alt="การเชอมโยงโดยรปภาพ"></a>



• โครงสรางของตาราง

Tag ค าอธบาย

<TABLE> ... </TABLE> ค าสงในการสรางตาราง

<CAPTION> ... </CAPTION> ค าสงในการก าหนดขอความก ากบตาราง

<TR> ... </TR> ค าสงในการก าหนดแถวของตาราง 1 แถว

<TH> ... </TH> ค าสงในการก าหนดสวนหวของตารางแถวแรก

<TD> ... </TD> ค าสงในการก าหนดสวนของขอมลในแถว หรอท าคอลมน



• Attributes ในการสรางตาราง

Attributes ค าอธบาย

Align ก าหนดการวางต าแหนงตางราง ม 3 ลกษณะ

- Left ก าหนดจดวางชดซาย (เปนคา default)

- Right ก าหนดจดวางชดขวา

- Center ก าหนดจดวางกงกลาง

Border ก าหนดแสดงความหนาของเสนตาราง มหนวยเปน Pixel

Height ก าหนดความสงของตาราง มหนวยเปน Pixel และ Percent

Width ก าหนดความกวางของตาราง มหนวยเปน Pixel และ Percent

CellSpacing ก าหนดชองวางระหวางตาราง

CellPadding ก าหนดชองวางระหวางบรรทดของตาราง



• การสรางตาราง

<TABLE>

<TR>

<TD>ชองท 1</TD>


</TR>

<TR>



</TR>

</TABLE>



• การก าหนดเสนของตาราง

<TABLE BORDER="คาตวเลข” BORDERCOLOR="#RGB หรอชอส” >

<CAPTION>ขอความ</CAPTION>

<TR>

<TH>.........</TH>

<TH>.........</TH>

</TR>

<TR>

<TD>.........</TD>

<TD>.........</TD>

</TR>

<TR>

<TD>.........</TD>

<TD>.........</TD>

</TR>

<TABLE>



• การก าหนดเสนของตาราง

<TABLE BORDER="1">

<TR>

<TD>ชองท 1</TD><TD>ชองท 2</TD>

</TR>

<TR>


</TR>

</TABLE>



• ก าหนดความกวางและความสงของตาราง

<TABLE BORDER="1" WIDTH="90%">

<TR>


</TR>

<TR>


</TR>

</TABLE>



• การก าหนดการจดวางขอความ

<TABLE BORDER="1" WIDTH="95%" HEIGHT="100">

<TR>

<TD align="left" valign="top">ซายบน</TD>

<TD align="right" valign="middle">ขวากลาง</TD>

</TR>

<TR>

<TD align="center" valign="bottom">กลางลาง</TD>

<TD align="right" valign="top">ขวาบน</TD>

</TR>

</TABLE>



• การแทรกภาพในตาราง

<TABLE BORDER="1">

<TR>

<TD> <IMG SRC="kerokero.gif"> </TD>

<TD> รปดานขางนคอ กบเคโระ </TD>

</TR>

</TABLE>



• ค าสง

<form name="form_name" method="get/post" action="url" target="window name"> …..... </form>

ค าสง ความหมาย

name ชอของ Form

METHOD เปนรปแบบของวธในการสงขอมล ไดแก

GET เปนตวรบ - สง ขอมลขนาดจ ากดจาก Server ไมเกน 256 ตวอกษร

POST เปนตวรบ - สง ขอมลไมจ ากดจาก Server

ACTION คอต าแหนงหรอ URL ของ CGI Script ทวางไวท Server ทก าหนดใน Domain ตางๆ

หรอใช คา mailto: กได

target คอหนาตางทจะใหผลของ Script แสดงผล โดยมค าสงใหเลอกดงน Blank, self หรอ

parent



6.1 Text Fields

ชองรบขอมลประเภท Text จะมลกษณะเปนชองรบขอมล ขนาดบรรทดเดยว

โดยทผใชสามารถพมพตวอกษรเขาไป

• size="number" ความกวางของชองกรอกขอมล

• maxlengt="number" จ านวนตวอกษรสงสดทกรอกได

• disabled lock ไมใหชองกรอกขอมลใชงานได

• readonly ใหชองกรอกขอมลอานไดอยางเดยว กรอกขอมลไมได

<form>

<input type="text" name="ชอชองกรอกขอมล" value="ขอมล" size="number"

maxlength="number" disabled readonly />

</form>



6.2 Checkbox

จะแสดงผลตวเลอกทงหมดทเราก าหนดไว โดยจะแสดงชองท า

เครองหมายรปสเหลยมอยหนาตวเลอก

<form>

<input type="checkbox" name="ชอ checkbox" value="คาขอมล" checked>

</form>



6.2 Checkbox

<input type="checkbox" name="selection1" value="Yes" checked="checked" /> Selection 1

<input type="checkbox" name="selection2" value="Yes" /> Selection 2

<input type="checkbox" name="selection3" value="Yes" /> Selection 3



6.3 Radio

จะแสดงผลตวเลอกทงหมดทเราก าหนดไว โดยจะแสดงชองท า

เครองหมายเปนรปวงกลม

ตวอยำง

<form>

<input type="radio" name="ชอ radio" value="คาขอมล"checked="checked" />

</form>

<input type="radio" name="sex" value="M" checked="checked" />

<input type="radio" name="sex" value="F" /> Female



6.4 Password

จะเปนค าสงทมลกษณะการแสดงผลแบบบรรทดเดยว แตเปนการแสดงผล

แบบ PASSWORD จะเปนดอกจน (*)

• SIZE เปนการก าหนดความกวางของ Textbox

• MAXLENGTH เปนการก าหนดคาทจะแสดงผล Textbox

<form>

<input type="password" name="ชอ input password" value="คาขอมล" size="number" maxlength="number" />

</form>

<input type="password" name="txt_passw" value="1234" size="10" maxlength="30" />



6.5 File upload

ตวอยำง

<FORM>

<INPUT TYPE="FILE" NAME="ชอ" INPUT FILE" VALUE="คาขอมล" SIZE="NUMBER" MAXLENGTH="NUMBER" />

</FORM>

<INPUT TYPE="FILE" NAME="FILENAME" SIZE="30" />



6.6 Button

คอการก าหนดใหแอตทรบวต Type มคาเปน Button นอกจากนตองก าหนด

ชอทตองการใหปรากฏบนปมดวย ไมเชนนนบนปมจะไมมชอใด ๆ ปรากฏเลย

ตวอยำง

<form>

<input type="button" name="ชอ button" value="คาขอมล" /> </form>

<input type="button" name="cancel" value="Cancel" />



6.7 Submit

ค าสงนจะท าหนาทสงขอมลแบบฟอรมสอบถาม ไปยงเซอรฟเวอรของ

เราเพอท าการประมวลผลขอมล การแสดงผลในค าสงนจะแสดงผลเปนลกษณะ

ปม โดยมการก าหนดคาทจะแสดงบนปมท VALUE

ตวอยำง

<input type="button" name="cancel" value="Cancel" />

<input type="button" name="save" value="Save" />



6.8 Reset

ค าสงจะท าหนาทในการยกเลกขอมลตาง ๆ ทท าการปอนลงใน

แบบฟอรม เพอท าการปอนขอมลลงในแบบฟอรมใหม การแสดงผลในค าสงนจะ

แสดงผลเปนลกษณะปม

ตวอยำง

<form>

<input type="button" name="ชอ button" />

</form>

<input type="reset" name="Clear" />



6.9 Select เปนค าสงทใชส าหรบสรางตวเลอกทอยในกรอบตวเลอก

- SIZE จ านวนตวเลอกทใหมองเหน

- MULTIPLE ใหผใชงานเลอกหลายตวเลอกได โดยกดปม CTRL

<FORM>

<SELECT NAME="ชอ SELECT" SIZE="5" MULTIPLE>

<OPTION VALUE="1" SELECTED="SELECTED">OPTION 1</OPTION>

<OPTION VALUE="2">OPTION 2</OPTION>




</SELECT>

</FORM>



6.10 Textarea

ค าสงนจะเปนการก าหนดการสรางกรอบปอนขอมลแบบหลายบรรทด

โดยในทนจะมคณสมบตในการก าหนดความกวาง และความสงของกรอบปอน

ขอความคอ

• ROWS เปนการก าหนดจ านวนแถวทใชในการปอนขอมลตาง ๆ ลงในกรอบปอนขอความ

• COLS เปนการก าหนดจ านวนคอลมนสงสดในการปอนขอมลในแตละแถว ซงจ านวน

คอลมนทเหมาะสมทสดจะมคาตวเลขเทากบ 80 Characters

<form>

<textarea name="ชอ textarea" rows="number" cols="number" wrap="off"> ขอความใน textareas </textarea>

</form>



Education

การสร้่างเว็บด้วยภาษา html