<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ikapeng.com &#187; สาระความรู้</title>
	<atom:link href="http://www.ikapeng.com/category/knowledge/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ikapeng.com</link>
	<description>:Knowledge,Entertain,Nonsensical,Sports,Download &#38; all Share at Here !!!</description>
	<lastBuildDate>Wed, 28 Jul 2010 09:33:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>การใช้ crontab ตั้งเวลาให้ Server(Linux/Unix) ทำงาน</title>
		<link>http://www.ikapeng.com/%e0%b9%83%e0%b8%8a%e0%b9%89-crontab-%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87%e0%b9%80%e0%b8%a7%e0%b8%a5%e0%b8%b2%e0%b9%83%e0%b8%ab%e0%b9%89-server-linux-unix-%e0%b8%97%e0%b8%b3.html</link>
		<comments>http://www.ikapeng.com/%e0%b9%83%e0%b8%8a%e0%b9%89-crontab-%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87%e0%b9%80%e0%b8%a7%e0%b8%a5%e0%b8%b2%e0%b9%83%e0%b8%ab%e0%b9%89-server-linux-unix-%e0%b8%97%e0%b8%b3.html#comments</comments>
		<pubDate>Thu, 22 Jul 2010 08:33:08 +0000</pubDate>
		<dc:creator>ikapeng</dc:creator>
				<category><![CDATA[Linux]]></category>
		<category><![CDATA[สาระความรู้]]></category>
		<category><![CDATA[crontab]]></category>
		<category><![CDATA[schedule]]></category>
		<category><![CDATA[server]]></category>

		<guid isPermaLink="false">http://www.ikapeng.com/?p=282</guid>
		<description><![CDATA[คำสั่ง crontab
คำสั่ง crontab เป็นคำสั่งในการทำ schedule ในการสั่งโปรแกรม หรือ script ต่างๆ ทำงานตามเวลาที่กำหนด บนระบบ UNIX/LINUX
ซึ่งอำนวยความสะดวกได้มากเลยที่เดียว งานบางอย่างที่จำเป็นต้องทำซ้ำๆในเวลาเดียวกัน ไม่ว่าจะทุกวัน ทุกสัปดาห์ หรือ ทุกเดือน
การใช้งาน crontab 
คำสั่งและ option ของ crontab มีดังนี้
crontab filename          การนำเอาคำสั่ง crontab เข้ามาจาก ไฟล์อื่น
crontab -e                  แก้ไข crontab ปัจจุบัน
crontab -l                   ดูคำสั่ง crontab ทั้งหมดที่มีอยู่
crontab -r        [...]]]></description>
			<content:encoded><![CDATA[<p><strong>คำสั่ง crontab</strong><br />
คำสั่ง crontab เป็นคำสั่งในการทำ schedule ในการสั่งโปรแกรม หรือ script ต่างๆ ทำงานตามเวลาที่กำหนด บนระบบ UNIX/LINUX<br />
ซึ่งอำนวยความสะดวกได้มากเลยที่เดียว งานบางอย่างที่จำเป็นต้องทำซ้ำๆในเวลาเดียวกัน ไม่ว่าจะทุกวัน ทุกสัปดาห์ หรือ ทุกเดือน</p>
<p><strong>การใช้งาน crontab </strong><br />
คำสั่งและ option ของ crontab มีดังนี้</p>
<p>crontab filename          การนำเอาคำสั่ง crontab เข้ามาจาก ไฟล์อื่น<br />
crontab -e                  แก้ไข crontab ปัจจุบัน<br />
crontab -l                   ดูคำสั่ง crontab ทั้งหมดที่มีอยู่<br />
crontab -r                  ลบคำสั่ง crontab ที่มีทั้งหมด<br />
crontab -u user           เป็นคำสั่งของผู้ดูแลระบบเท่านั้น(administrators) เพื่อใช้ดู  แก้ไข ลบ crontab ของ user แต่ล่ะคน</p>
<p>เมื่อเรียกคำสั่งตามข้างบนแล้ว crontab จะเข้าสู่ระบบการ กำหนด หรือ แก้ไข ซึ่งการ กำหนด หรือแก้ไขนี้ จะเหมือนกับการใช้งาน vi ครับ<br />
ถ้าใครเคยใช้งาน <a href="http://www.ikapeng.com/%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%87%E0%B8%B2%E0%B8%99-vi-editor-%E0%B9%80%E0%B8%9A%E0%B8%B7%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%95%E0%B9%89%E0%B8%99.html">vi</a> แล้วก็จะไม่มีปัญหาอะไร ถ้าไม่เคยใช้ ก็ดูคำสั่งพื้นฐานของ <a href="../%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%87%E0%B8%B2%E0%B8%99-vi-editor-%E0%B9%80%E0%B8%9A%E0%B8%B7%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%95%E0%B9%89%E0%B8%99.html">vi</a> ด้านล่างนะครับ<br />
เมื่อเรียกโปรแกรม crontab ให้ทำงานและขณะอยู่ในโปรแกรม เราสามารถกดคีย์ ดังต่อไปนี้เพื่อ</p>
<p>Esc       เพื่อออกมาสู่โหมดปกติ<br />
i           เพื่อการเพิ่ม คำสั่ง ข้อความ เข้าไปใหม่<br />
x          ลบ ตัวอักษรที่ cursor  วางอยู่ ทีละอักษร ในโหมดปกติ<br />
dd        ลบบรรทัด ทั้งบรรทัด ที่ cursor วางอยู่ทีละแถว ในโหมดปกติ<br />
:q!        ออกโดยไม่ต้องแก้ไขอะไร<br />
:wq!      เก็บบันทึกข้อความที่แก้ไขแล้วออกจากโปรแกรม<br />
คำสั่งเหล่านี้เป็นแค่บางส่วนเท่านั้น แต่ก็พอใช้งานคำสั่ง crontab แล้วล่ะครับ ถ้าใครอยากได้มากกว่านี้ต้องศึกษาเพิ่มเอาอีกที</p>
<p><strong>การกำหนดให้ crontab ทำงาน</strong></p>
<p>format ของคำสั่ง crontab มีทั้งหมด 6 fields เป็นดังบรรทัดข้างล่าง</p>
<p>minute(s) hour(s) day(s) month(s) weekday(s) command(s)</p>
<p>fields 1-5 เป็นการกำหนดเวลา และ field ที่ 6 เป็นการกำหนดคำสั่ง ดังความหมายของแต่ละ fields ดังต่อไปนี้</p>
<p><strong>Field</strong> <strong>มีค่า</strong> <strong>รายละเอียด </strong><br />
minute                 0-59         เวลาเป็นนาที จะสั่งให้คำสั่งที่กำหนดทำงานทันทีเมื่อถึง<br />
hour                    0-23         เวลาเป็นชั่วโมง จะสั่งให้คำสั่งที่กำหนดทำงานทันทีเมื่อถึง<br />
day                     1-31         เวลาเป็นวัน จะสั่งให้คำสั่งที่กำหนดทำงานทันทีเมื่อถึง<br />
month                 1-12         เวลาเป็นเดือน จะสั่งให้คำสั่งที่กำหนดทำงานทันทีเมื่อถึง<br />
weekday              0-6          วันของแต่ละสัปดาห์ มีค่าดังนี้ (อาทิตย์ = 0, จันทร์ = 1, อังคาร = 2, พุธ = 3, พฤหัส = 4, ศุกร์ = 5 และ เสาร์ = 6)<br />
command             คำสั่ง         เราสามารถกำหนดคำสั่งได้มากมาย รวมทั้ง script ต่างๆ ตามที่เราต้องการ</p>
<p><strong>ตัวอย่างการกำหนด crontab </strong><br />
การ เพิ่ม crontab โดยเรียกใช้คำสั่ง crontab -e เมื่อเข้าสู่โปรแกรมแล้ว กด i เพื่อเพิ่ม คำสั่งดังตัวอย่างด้านล่างนี้เข้าไป แล้วทำการบันทึก<br />
แล้วออกมาโดยกด Esc แล้วกด :wq!</p>
<p>0 8 * * * /usr/bin/mplayer /home/me/music/thai.mp3</p>
<p>จากคำสั่งด้านบนจะเป็นการสั่งให้โปรแกรม mplayer เล่นเพลง thai.mp3 ตอน 08:00 น. ของทุกๆวัน</p>
<p>0 0 * * 1 /home/me/getlogs.pl</p>
<p>จากคำสั่งด้านบน จะทำการ Run script getlogs.pl ที่ path /home/me ทุกวันจันทร์ ทุกๆเดือน ตอนเที่ยงคืน</p>
<p>0 0 * * 1,5 /home/me/getlogs.pl<br />
คำ สั่งนี้เหมือนคำสั่งด้านบนครับ แต่จะเพิ่มการทำงานในวันศุกร์ด้วย ซึ่งเราสามารถใช้ &#8220;,&#8221; คั่นไปเรื่อยๆได้ เพื่อที่จะกำหนดเพิ่มให้แต่ล่ะ fields หรือใช้ &#8220;*&#8221;<br />
เพื่อการกำหนดเป็นทั้งหมด(หมายความว่า หากที่ field ชั่วโมง เป็น * ก็หมายความว่าต้องทำงานทุกชั่วโมง)</p>
<p><strong>คำสั่งเพิ่มเติมที่ควรรู้ </strong><br />
man crontab<br />
man cron<br />
man at<br />
man batch</p>
<blockquote><p>http://www.thaiasteriskclub.com/index.php?topic=117.0</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.ikapeng.com/%e0%b9%83%e0%b8%8a%e0%b9%89-crontab-%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87%e0%b9%80%e0%b8%a7%e0%b8%a5%e0%b8%b2%e0%b9%83%e0%b8%ab%e0%b9%89-server-linux-unix-%e0%b8%97%e0%b8%b3.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>สลากกินแบ่งรัฐบาล 16 พ.ค. 2553</title>
		<link>http://www.ikapeng.com/%e0%b8%aa%e0%b8%a5%e0%b8%b2%e0%b8%81%e0%b8%81%e0%b8%b4%e0%b8%99%e0%b9%81%e0%b8%9a%e0%b9%88%e0%b8%87%e0%b8%a3%e0%b8%b1%e0%b8%90%e0%b8%9a%e0%b8%b2%e0%b8%a5-16-%e0%b8%9e-%e0%b8%84-2553.html</link>
		<comments>http://www.ikapeng.com/%e0%b8%aa%e0%b8%a5%e0%b8%b2%e0%b8%81%e0%b8%81%e0%b8%b4%e0%b8%99%e0%b9%81%e0%b8%9a%e0%b9%88%e0%b8%87%e0%b8%a3%e0%b8%b1%e0%b8%90%e0%b8%9a%e0%b8%b2%e0%b8%a5-16-%e0%b8%9e-%e0%b8%84-2553.html#comments</comments>
		<pubDate>Sun, 16 May 2010 08:38:49 +0000</pubDate>
		<dc:creator>ikapeng</dc:creator>
				<category><![CDATA[สาระความรู้]]></category>
		<category><![CDATA[งวดวันที่ 16 พ.ค. 2553]]></category>
		<category><![CDATA[ตรวจหวย]]></category>
		<category><![CDATA[ผลสลากกินแบ่งรัฐบาล]]></category>

		<guid isPermaLink="false">http://www.ikapeng.com/?p=230</guid>
		<description><![CDATA[รางวัลที่หนึ่ง รางวัลๆ ละ 2,000,000 บาท
480012
เลขท้าย 3 ตัว รางวัลละ 2,000 บาท
263 151 770 008
เลขท้าย 2 ตัว รางวัลละ 1,000 บาท
12
 รางวัลที่หนึ่งพิเศษ
กลุ่มที่ 1 รางวัลละ 30 ล้านบาท ชุดที่ 12 หมายเลข 480012
กลุ่มที่ 2 รางวัลละ 30 ล้านบาท ชุดที่ 34 หมายเลข 480012
 รางวัลข้างเคียงรางวัลที่ 1 รางวัลๆ ละ 50,000 บาท
480011 480013
รางวัลที่ 2     มี 5 รางวัลๆ ละ 100,000 บาท
022922    149276    397364    486865    886942
รางวัลที่ 3 [...]]]></description>
			<content:encoded><![CDATA[<p><strong>รางวัลที่หนึ่ง รางวัลๆ ละ 2,000,000 บาท</strong></p>
<p>480012</p>
<p><strong>เลขท้าย 3 ตัว รางวัลละ 2,000 บาท</strong><br />
263 151 770 008<strong><br />
เลขท้าย 2 ตัว รางวัลละ 1,000 บาท</strong><br />
12<br />
<strong> รางวัลที่หนึ่งพิเศษ</strong><br />
กลุ่มที่ 1 รางวัลละ 30 ล้านบาท ชุดที่ 12 หมายเลข 480012<br />
กลุ่มที่ 2 รางวัลละ 30 ล้านบาท ชุดที่ 34 หมายเลข 480012<br />
<strong> รางวัลข้างเคียงรางวัลที่ 1 รางวัลๆ ละ 50,000 บาท<br />
</strong>480011 480013</p>
<p><strong>รางวัลที่ 2     มี 5 รางวัลๆ ละ 100,000 บาท<br />
</strong>022922    149276    397364    486865    886942</p>
<p><strong>รางวัลที่ 3     มี 10 รางวัลๆ ละ 40,000 บาท</strong><br />
002249    172623    307102    340683    523839<br />
527497    583179    628147    854422    869261<br />
<strong> รางวัลที่ 4     มี 50 รางวัลๆ ละ 20,000 บาท</strong><br />
000298    004690    068926    101890    123231<br />
136218    221767    252467    261916    276111<br />
284434    295871    297029    336360    347272<br />
354912    358637    376219    410224    467997<br />
470706    489055    543819    575312    584216<br />
621968    653235    661081    677224    683596<br />
696337    703362    705992    717524    759562<br />
761294    763597    763977    781008    811520<br />
834354    835968    843739    848031    854675<br />
860560    880482    912911    963345    977889<br />
<strong> รางวัลที่ 5     มี 100 รางวัลๆ ละ 10,000 บาท</strong><br />
007214    012313    017203    029396    030037<br />
030825    068975    070321    073153    084970<br />
089045    097140    100829    103737    109776<br />
115041    142672    162003    166761    168607<br />
196962    210776    211001    217815    219181<br />
223039    256833    297897    308144    309117<br />
313738    318525    325901    327052    330322<br />
334167    336273    346058    372367    381275<br />
397525    404143    405725    420697    423772<br />
428123    431112    436502    450520    470754<br />
471512    492304    521630    524636    530517<br />
533111    538046    572933    574619    589112<br />
614829    623710    645762    650155    651423<br />
655594    657860    668054    668884    686899<br />
700698    706053    708261    711629    716242<br />
722165    737973    739426    746895    755284<br />
769053    798010    805446    820382    825597<br />
830953    844296    845917    869011    871743<br />
891696    892891    896140    905444    916938<br />
921261    944203    966518    980535    987440</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ikapeng.com/%e0%b8%aa%e0%b8%a5%e0%b8%b2%e0%b8%81%e0%b8%81%e0%b8%b4%e0%b8%99%e0%b9%81%e0%b8%9a%e0%b9%88%e0%b8%87%e0%b8%a3%e0%b8%b1%e0%b8%90%e0%b8%9a%e0%b8%b2%e0%b8%a5-16-%e0%b8%9e-%e0%b8%84-2553.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>การใส่รูปภาพ ใน HTML</title>
		<link>http://www.ikapeng.com/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%83%e0%b8%aa%e0%b9%88%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b8%a0%e0%b8%b2%e0%b8%9e-%e0%b9%83%e0%b8%99-html.html</link>
		<comments>http://www.ikapeng.com/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%83%e0%b8%aa%e0%b9%88%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b8%a0%e0%b8%b2%e0%b8%9e-%e0%b9%83%e0%b8%99-html.html#comments</comments>
		<pubDate>Fri, 26 Feb 2010 04:51:50 +0000</pubDate>
		<dc:creator>ikapeng</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Attribute]]></category>
		<category><![CDATA[img]]></category>
		<category><![CDATA[src]]></category>
		<category><![CDATA[การใส่รูปภาพ]]></category>

		<guid isPermaLink="false">http://www.ikapeng.com/?p=147</guid>
		<description><![CDATA[การทำเว็บเพจในหนึ่งหน้า นอกจากจะมีข้อความแล้วยังต้องประกอบด้วยรูปภาพเพื่อเพิ่มความน่าสนใจให้กับ เว็บเพจ และยังสามารถสื่อความหมายได้ชัดเจนกว่าข้อความ การใส่รูปภาพในเอกสาร HTML นั้นจะต้องเตรียมรูปภาพไว้ก่อนนะคับ]]></description>
			<content:encoded><![CDATA[<p>การทำเว็บเพจในหนึ่งหน้า นอกจากจะมีข้อความแล้วยังต้องประกอบด้วย<strong>รูปภาพ</strong>เพื่อเพิ่มความน่าสนใจให้กับเว็บเพจ และยังสามารถสื่อความหมายได้ชัดเจนกว่าข้อความ <strong>การใส่รูปภาพ</strong>ในเอกสาร <strong>HTML</strong> นั้นจะต้องเตรียมรูปภาพไว้ก่อนนะคับ<br />
รูปแบบการใส่รูปภาพ<br />
&lt;<strong>img <em>src</em></strong><em> </em>= &#8220;ชื่อภาพ&#8221; <em><strong>width</strong></em>=&#8221;ขนาดความกว้างที่ต้องการ&#8221; <em><strong>height</strong></em>=&#8221;ขนาดความสูงที่ต้องการ&#8221; <em><strong>border</strong></em>=&#8221;ขนาดของเส้นขอบ&#8221;&gt;<br />
Attribute กำกับเพิ่มเติม</p>
<blockquote><p><em><strong>src</strong></em>=&#8221;ระบุที่เก็บรูปภาพ,ชื่อรูปภาพ&#8221;<br />
<em><strong>width</strong></em>=&#8221;ตัวเลขระบุความกว้าง&#8221;<br />
<em><strong>height</strong></em>=&#8221;ตัวเลขระบุความสูง&#8221;<br />
<em><strong>border</strong></em>=&#8221;ตัวเลขระบุความหนาของเส้นขอบ&#8221;<br />
***หากเราไม่ได้ระบุขนาดกว้างและสูง ภาพจะมีขนาดเท่าขนาดของภาพต้นฉบับ</p></blockquote>
<p>ตัวอย่าง</p>
<pre class="brush: html; ">
&lt;html&gt;
&lt;head&gt;&lt;title&gt; ....การใส่รูปภาพ....&lt;/title&gt;&lt;/head&gt;
&lt;body&gt;
&lt;img src = &quot;lilies.jpg&quot; width=&quot;200&quot; height=&quot;200&quot; border=&quot;1&quot;&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>ผลลัพธ์ที่ได้คับ<span id="more-147"></span></p>
<div id="attachment_148" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.ikapeng.com/wp-content/uploads/2010/02/html-img.gif"><img class="size-medium wp-image-148" title="การใส่รูปภาพ" src="http://www.ikapeng.com/wp-content/uploads/2010/02/html-img-300x246.gif" alt="การใส่รูปภาพ" width="300" height="246" /></a><p class="wp-caption-text">การใส่รูปภาพ</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.ikapeng.com/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%83%e0%b8%aa%e0%b9%88%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b8%a0%e0%b8%b2%e0%b8%9e-%e0%b9%83%e0%b8%99-html.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>จัดตำแหน่งข้อความ ใน HTML</title>
		<link>http://www.ikapeng.com/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%95%e0%b8%b3%e0%b9%81%e0%b8%ab%e0%b8%99%e0%b9%88%e0%b8%87%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-%e0%b9%83%e0%b8%99-html.html</link>
		<comments>http://www.ikapeng.com/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%95%e0%b8%b3%e0%b9%81%e0%b8%ab%e0%b8%99%e0%b9%88%e0%b8%87%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-%e0%b9%83%e0%b8%99-html.html#comments</comments>
		<pubDate>Thu, 25 Feb 2010 04:26:35 +0000</pubDate>
		<dc:creator>ikapeng</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Attribute]]></category>
		<category><![CDATA[จัดตำแหน่งข้อความ]]></category>

		<guid isPermaLink="false">http://www.ikapeng.com/?p=142</guid>
		<description><![CDATA[ในการกำหนดตำแหน่งในภาษา HTML สามารถกำหนดได้หลายรูปแบบ ทั้งแบบกำหนดเป็นแท็ก และการกำหนดเป็น Attribute ของแท็ก โดยมีรูปแบบดังนี้คับ การกำหนดให้อยู่ตำแหน่งกึ่งกลางด้วยแท็ก Center  <center> ...ข้อความ...</center> การกำหนดตำแหน่งโดยใช้ Attribute ของแท็ก <p> โดยใช้ Attribute align รูปแบบดังนี้]]></description>
			<content:encoded><![CDATA[<div id="_mcePaste">
<div id="_mcePaste">
<div id="_mcePaste">ในการกำหนดตำแหน่งในภาษา HTML สามารถกำหนดได้หลายรูปแบบ ทั้งแบบกำหนดเป็นแท็ก และการกำหนดเป็น Attribute ของแท็ก โดยมีรูปแบบดังนี้คับ</div>
<div id="_mcePaste">
<ol>
<li>การกำหนดให้อยู่ตำแหน่งกึ่งกลางด้วยแท็ก Center  &lt;center&gt; &#8230;ข้อความ&#8230;&lt;/center&gt;</li>
<li>. การกำหนดตำแหน่งโดยใช้ Attribute ของแท็ก &lt;p&gt; โดยใช้ Attribute align รูปแบบดังนี้<br />
&lt;p align = &#8220;ตำแหน่ง&#8221;&gt; &#8230;ข้อความ&#8230;&lt;/p&gt;<br />
ตำแหน่งที่สามารถระบุได้ คือ left center หรือ right</li>
</ol>
<p>ตัวอย่างคับ<span id="more-142"></span></div>
</div>
<div>
<pre class="brush: html; ">
&lt;html&gt;&lt;/div&gt;
&lt;div&gt;&lt;head&gt;&lt;title&gt; ....การจัดตำแหน่งข้อความ....&lt;/title&gt;&lt;/head&gt;&lt;/div&gt;
&lt;div&gt;&lt;body&gt;&lt;/div&gt;
&lt;div&gt;&lt;center&gt;&lt;font size = &quot;4&quot;&gt; ข้อความนี้อยู่กึ่งกลาง&lt;/font&gt;&lt;/center&gt;&lt;br&gt;&lt;/div&gt;
&lt;div&gt;&lt;p align = &quot;left&quot;&gt;&lt;font size = &quot;4&quot;&gt; ข้อความชิดซ้าย &lt;/font&gt;&lt;/p&gt;&lt;br&gt;&lt;/div&gt;
&lt;div&gt;&lt;p align = &quot;center&quot;&gt;&lt;font size = &quot;4&quot;&gt; ข้อความนี้อยู่กึ่งกลาง &lt;/font&gt;&lt;/p&gt;&lt;br&gt;&lt;/div&gt;
&lt;div&gt;&lt;p align = &quot;right&quot;&gt;&lt;font size = &quot;4&quot;&gt; ข้อความนี้ชิดขวา &lt;/font&gt;&lt;/p&gt;&lt;br&gt;&lt;/div&gt;
&lt;div&gt;&lt;/body&gt;&lt;/div&gt;
&lt;div id=&quot;_mcePaste&quot;&gt;&lt;/html&gt;
</pre>
</div>
<div>ผลัพธ์ที่ได้คับ</div>
<blockquote>
<div>
<div id="attachment_144" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.ikapeng.com/wp-content/uploads/2010/02/text-align.gif"><img class="size-medium wp-image-144" title="ตัวอย่างการจัดตำแหน่งข้อความ" src="http://www.ikapeng.com/wp-content/uploads/2010/02/text-align-300x231.gif" alt="ตัวอย่างการจัดตำแหน่งข้อความ" width="300" height="231" /></a><p class="wp-caption-text">ตัวอย่างการจัดตำแหน่งข้อความ</p></div>
<p>นอกจาก คำสั่ง align ทั้งสามแบบแล้ว ยังมีการจัดตำแหน่งอีกแบบ นั่นก็คือ &lt;p align=&#8221;justify&#8221;&gt;&#8230;.&lt;/p&gt; นิยมใช้จัดข้อความที่เป็นเนื้อหาเยอะ ๆ เพื่อให้มีการจัดข้อความอัตโนมัติ โดยข้อความที่จัดด้วยรูปแบบนี้ ข้อความทั้งซ้ายและขวา จะชิดขอบทั้งสองด้าน ทำให้ดูเป็นระเบียบ ถ้าอยากรู้ว่าผลลัพธ์ที่จะแสดงออกมานั้นเป็นยังไง ก็ต้องลองเอาไปทำดูกันนะคับ <img src='http://www.ikapeng.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </div>
</blockquote>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.ikapeng.com/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%95%e0%b8%b3%e0%b9%81%e0%b8%ab%e0%b8%99%e0%b9%88%e0%b8%87%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-%e0%b9%83%e0%b8%99-html.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>การจัดรูปแบบข้อความ ใน HTML</title>
		<link>http://www.ikapeng.com/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b9%81%e0%b8%9a%e0%b8%9a%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-%e0%b9%83%e0%b8%99-html.html</link>
		<comments>http://www.ikapeng.com/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b9%81%e0%b8%9a%e0%b8%9a%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-%e0%b9%83%e0%b8%99-html.html#comments</comments>
		<pubDate>Fri, 19 Feb 2010 07:17:15 +0000</pubDate>
		<dc:creator>ikapeng</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Bold]]></category>
		<category><![CDATA[font style]]></category>
		<category><![CDATA[Italic]]></category>
		<category><![CDATA[strike]]></category>
		<category><![CDATA[u]]></category>

		<guid isPermaLink="false">http://www.ikapeng.com/?p=137</guid>
		<description><![CDATA[ในการทำเว็บส่วนใหญ่เนื้อหาจะเป็นส่วนสำคัญ ในบางครั้งเราต้องการที่จะเน้นที่ข้อความใดข้อความหนึ่ง เพื่อดึงดูดความสนใจ ซึ่งเราอาจจะเน้นข้อความนั้น ๆ เป็นพิเศษ ด้วยการใส่ตัวหนา ตัวเอียง การขีดเส้นใต้ข้อความ หรือการขีดฆ่า ในแท็กภาษา HTML ก็มีคำสั่งเหล่านี้อยู่ด้วยเหมือนกัน โดยรูปแบบของแท็ก มีดังนี้]]></description>
			<content:encoded><![CDATA[<p>ในการทำเว็บส่วนใหญ่เนื้อหาจะเป็นส่วนสำคัญ ในบางครั้งเราต้องการที่จะเน้นที่ข้อความใดข้อความหนึ่ง เพื่อดึงดูดความสนใจ ซึ่งเราอาจจะเน้นข้อความนั้น ๆ เป็นพิเศษ ด้วยการใส่ตัวหนา ตัวเอียง การขีดเส้นใต้ข้อความ หรือการขีดฆ่า</p>
<p>ในแท็กภาษา HTML ก็มีคำสั่งเหล่านี้อยู่ด้วยเหมือนกัน โดยรูปแบบของแท็ก มีดังนี้</p>
<ol>
<li><span style="color: #555555;">การกำหนดแบบตัวหนา (Bold)  <span style="color: #cc0000;">&lt;b&gt;</span> &#8230;ข้อความ&#8230;<span style="color: #cc0000;">&lt;/b&gt;</span> หรือ  <span style="color: #cc0000;">&lt;strong&gt;</span> &#8230;ข้อความ&#8230;<span style="color: #cc0000;">&lt;/strong&gt;</span></span></li>
<li><span style="color: #555555;">การกำหนดแบบตัวเอียง (Italic) <span style="color: #cc0000;">&lt;i&gt;</span> &#8230;ข้อความ&#8230;<span style="color: #cc0000;">&lt;/i&gt;</span></span><span style="color: #cc0000;"> </span></li>
<li><span style="color: #555555;">การกำหนดแบบตัวขีดเส้นใต้ (Underline) <span style="color: #cc0000;">&lt;u&gt;</span>&#8230;ข้อความ&#8230;<span style="color: #cc0000;">&lt;/u&gt;</span></span></li>
<li><span style="color: #555555;">การกำหนดแบบตัวขีดฆ่า (Strike) <span style="color: #cc0000;">&lt;strike&gt;</span>&#8230;ข้อความ&#8230;<span style="color: #cc0000;">&lt;/strike&gt;</span></span></li>
</ol>
<p>ตัวอย่างรูปแบบการจัดรูปแบบข้อความแบบต่าง ๆ<span id="more-137"></span></p>
<pre class="brush: html; ">
&lt;html&gt;
&lt;head&gt;&lt;title&gt; ....การจัดรูปแบบข้อความ.ใน HTML ....&lt;/title&gt;&lt;/head&gt;
&lt;body&gt;
&lt;b&gt;&lt;font size = &quot;2&quot;&gt; ข้อความนี้กำหนดตัวหนา b&lt;/font&gt;&lt;/b&gt;&lt;br /&gt;
&lt;strong&gt;&lt;font size = &quot;2&quot;&gt; ข้อความนี้กำหนดตัวหนา strong&lt;/font&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;i&gt;&lt;font size = &quot;2&quot;&gt; ข้อความนี้กำหนดตัวเอียง i &lt;/font&gt;&lt;/i&gt;&lt;br /&gt;
&lt;u&gt;&lt;font size = &quot;2&quot;&gt; ข้อความนี้กำหนดตัวขีดเส้นใต้ u &lt;/font&gt;&lt;/u&gt;&lt;br /&gt;
&lt;strike&gt;&lt;font size = &quot;2&quot;&gt; ข้อความนี้กำหนดตัวขีดฆ่า strike &lt;/font&gt;&lt;/strike&gt;&lt;br /&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>ผลลัพธ์ที่ได้<br />
<a href="http://www.ikapeng.com/wp-content/uploads/2010/02/font-style.gif"><img class="aligncenter size-medium wp-image-138" title="font-style" src="http://www.ikapeng.com/wp-content/uploads/2010/02/font-style-300x198.gif" alt="" width="300" height="198" /></a></p>
<p>: แล้วอย่าลืมมาติดตาม <a href="http://www.ikapeng.com/category/knowledge/html">HTML</a> ตอนต่อไปนะคับ&#8230;. <img src='http://www.ikapeng.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.ikapeng.com/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b9%81%e0%b8%9a%e0%b8%9a%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-%e0%b9%83%e0%b8%99-html.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>กำหนดลักษณะีข้อความให้ HTML</title>
		<link>http://www.ikapeng.com/%e0%b8%81%e0%b8%b3%e0%b8%ab%e0%b8%99%e0%b8%94%e0%b8%a5%e0%b8%b1%e0%b8%81%e0%b8%a9%e0%b8%93%e0%b8%b0%e0%b8%b5%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-html.html</link>
		<comments>http://www.ikapeng.com/%e0%b8%81%e0%b8%b3%e0%b8%ab%e0%b8%99%e0%b8%94%e0%b8%a5%e0%b8%b1%e0%b8%81%e0%b8%a9%e0%b8%93%e0%b8%b0%e0%b8%b5%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-html.html#comments</comments>
		<pubDate>Thu, 18 Feb 2010 08:51:38 +0000</pubDate>
		<dc:creator>ikapeng</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Attribute]]></category>
		<category><![CDATA[face]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[tag]]></category>

		<guid isPermaLink="false">http://www.ikapeng.com/?p=128</guid>
		<description><![CDATA[สำหรับการกำหนดลักษณะข้อความนั้น  จะใส่เิิ่พิ่มในส่วนของแท็กเปิด ของแท็ก &#60;font&#62; เพราะคำสั่งนี้เป็นส่วนขยายที่เรียกว่า  Attribute ของแท็ก &#60;font&#62; นั้นเอง โดยจะมี Attribute ต่าง  ๆ ดังนี้

 การกำหนดชื่อฟอนต์ Attribute ที่ใช้ คือ  face  = &#8220;ชื่อฟอนต์&#8220;
การกำหนดขนาดของข้อความ Attribute ที่ใช้ คือ size =  &#8220;ขนาดของข้อความ&#8220;
 การกำหนดสีของข้อความ Attribute ที่ใช้ คือ color=  &#8220;ชื่อสี&#8221; หรือ color = &#8220;#รหัสสี&#8220;

1. การกำหนดชื่อฟอนต์
การกำหนดฟอนต์  ก็คล้าย ๆ กันกับตอนที่เราิพิมพ์งานใน Ms word คับซึ่งเราสามารถเลือกได้ว่าเราจะใช้ฟอนต์แบบไหน อาจจะเป็น Arial ,MS [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #555555;">สำหรับการกำหนดลักษณะข้อความนั้น  จะใส่เิิ่พิ่มในส่วนของแท็กเปิด ของแท็ก <strong>&lt;font&gt;</strong> เพราะคำสั่งนี้เป็นส่วนขยายที่เรียกว่า  <strong>Attribute</strong> ของแท็ก <strong>&lt;font&gt;</strong> นั้นเอง โดยจะมี <strong>Attribute</strong> ต่าง  ๆ ดังนี้</span></p>
<ol>
<li><span style="color: #555555;"> การกำหนดชื่อฟอนต์ </span>Attribute ที่ใช้ คือ<span style="color: #555555;"> </span><span style="color: #cc0000;"> face  = &#8220;<span style="color: #ff6600;">ชื่อฟอนต์</span>&#8220;</span></li>
<li><span style="color: #555555;">การกำหนดขนาดของข้อควา</span>ม Attribute ที่ใช้ คือ <span style="color: #cc0000;">size =  &#8220;<span style="color: #ff6600;">ขนาดของข้อความ</span>&#8220;</span></li>
<li><span style="color: #555555;"> การกำหนดสีของข้อความ </span>Attribute ที่ใช้ คือ <span style="color: #cc0000;">color=  &#8220;<span style="color: #ff6600;">ชื่อสี</span>&#8221; <span style="color: #555555;">หรือ</span> color = &#8220;<span style="color: #000000;">#</span><span style="color: #ff6600;">รหัสสี</span>&#8220;</span></li>
</ol>
<p><strong><span style="color: #555555;">1. การกำหนดชื่อฟอนต์</span></strong></p>
<blockquote><p><span style="color: #555555;">การกำหนดฟอนต์  ก็คล้าย ๆ กันกับตอนที่เราิพิมพ์งานใน Ms word คับซึ่งเราสามารถเลือกได้ว่าเราจะใช้ฟอนต์แบบไหน อาจจะเป็น Arial ,</span><span style="color: #555555;">MS Sans  Serif </span><span style="color: #555555;">,Angsana New,</span><span style="color: #555555;">Tahoma</span><span style="color: #555555;"> เป็นต้น ในการเขียนเว็บเพจนั้น ฟอนต์ที่เป็นที่นิยมจะมีด้วยกัน  2 ชนิดคือ MS Sans Serif และ Tahoma โดยฟอนต์แบบ MS Sans  Serif จะนิยมใช้กับเว็บที่มีการแสดงผลข้อความเป็นภาษาไทย  และ Tahoma มักใช้การแสดงผลข้อความเป็นภาษาอังกฤษ แต่ก็สามารถใช้กับข้อความภาษาไทยได้เหมือนกัน ดูตัวอย่างกันคับ</span></p>
<pre class="brush: html; ">
&lt;html&gt;
&lt;head&gt;&lt;title&gt; ....การหนดรูปแบบฟอนต์ของข้อความ....&lt;/title&gt;&lt;/head&gt;
&lt;body&gt;
&lt;font face = &quot;MS Sans Serif&quot;&gt; ข้อความนี้กำหนดฟอนต์แบบ MS Sans Serif&lt;br /&gt; &lt;/font&gt;
&lt;font face = &quot;Arial&quot;&gt; ข้อความนี้กำหนดฟอนต์แบบ Arial&lt;br /&gt; &lt;/font&gt;
&lt;font face = &quot;Tahoma&quot;&gt; ข้อความนี้กำหนดฟอนต์แบบ Tahoma &lt;/font&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>ผลลัพธ์ที่ได้ <span id="more-128"></span> <a href="http://www.ikapeng.com/wp-content/uploads/2010/02/font-face.gif"><img class="aligncenter size-medium wp-image-129" title="font-face" src="http://www.ikapeng.com/wp-content/uploads/2010/02/font-face-300x233.gif" alt="" width="300" height="233" /></a></p></blockquote>
<p><strong>2.การกำหนดขนาดของข้อความ</strong></p>
<blockquote><p><span style="color: #555555;">การกำหนดขนาดของข้อความสามารถกำหนดได้โดยใช้ตัวเลขเป็นตัวกำหนด  ซึ่งสามารถกำหนดได้ 7 ระดับ รูปแบบการใส่มีด้วยกัน 3 แบบ  คือ แบบแรกการกำหนดโดยใช้ตัวเลข 1-7 สองการกำหนดตัวเลขโดยใส่เครื่องหมาย  + คือตั้งแต่ +1 &#8211; +7 และ การใส่แบบใส่เป็นค่าแบบ &#8211; ตั้งแต่  -1 &#8211; -7 ซึ่งรูปแบบการใส่มีดังนี้คับ</span></p>
<pre class="brush: html; ">
&lt;html&gt;
&lt;head&gt;&lt;title&gt; ....การหนดรูปแบบขนาดข้อความ....&lt;/title&gt;&lt;/head&gt;
&lt;body&gt;
&lt;font size = &quot;-1&quot;&gt; ข้อความนี้กำหนดขนาดเท่ากับ -1&lt;/font&gt; &lt;br /&gt;
&lt;font size = &quot;-2&quot;&gt; ข้อความนี้กำหนดขนาดเท่ากับ -2&lt;/font&gt; &lt;br /&gt;
&lt;font size = &quot;-3&quot;&gt; ข้อความนี้กำหนดขนาดเท่ากับ -3&lt;/font&gt; &lt;br /&gt;
&lt;font size = &quot;-4&quot;&gt; ข้อความนี้กำหนดขนาดเท่ากับ -4&lt;/font&gt; &lt;br /&gt;
&lt;font size = &quot;-5&quot;&gt; ข้อความนี้กำหนดขนาดเท่ากับ -5&lt;/font&gt; &lt;br /&gt;
&lt;font size = &quot;-6&quot;&gt; ข้อความนี้กำหนดขนาดเท่ากับ -6&lt;/font&gt; &lt;br /&gt;
&lt;font size = &quot;-7&quot;&gt; ข้อความนี้กำหนดขนาดเท่ากับ -7 &lt;/font&gt; &lt;br /&gt;
&lt;font size = &quot;1&quot;&gt; ข้อความนี้กำหนดขนาดเท่ากับ 1&lt;/font&gt; &lt;br /&gt;
&lt;font size = &quot;2&quot;&gt; ข้อความนี้กำหนดขนาดเท่ากับ 2&lt;/font&gt; &lt;br /&gt;
&lt;font size = &quot;3&quot;&gt; ข้อความนี้กำหนดขนาดเท่ากับ 3&lt;/font&gt; &lt;br /&gt;
&lt;font size = &quot;4&quot;&gt; ข้อความนี้กำหนดขนาดเท่ากับ 4&lt;/font&gt; &lt;br /&gt;
&lt;font size = &quot;5&quot;&gt; ข้อความนี้กำหนดขนาดเท่ากับ 5&lt;/font&gt; &lt;br /&gt;
&lt;font size = &quot;6&quot;&gt; ข้อความนี้กำหนดขนาดเท่ากับ 6&lt;/font&gt; &lt;br /&gt;
&lt;font size = &quot;7&quot;&gt; ข้อความนี้กำหนดขนาดเท่ากับ 7&lt;/font&gt; &lt;br /&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>ผลลัพธ์ที่ได้ <a href="http://www.ikapeng.com/wp-content/uploads/2010/02/font-size.gif"><img class="aligncenter size-medium wp-image-130" title="font-size" src="http://www.ikapeng.com/wp-content/uploads/2010/02/font-size-300x199.gif" alt="" width="300" height="199" /></a></p></blockquote>
<p><strong>3. การกำหนดสีของข้อความ</strong></p>
<blockquote><p>การกำหนดสีสันของข้อความเป็นเรื่องสำคัญอยู่ในลำดับต้น  ๆ ของการทำเว็บเลยทีเดียว เพราะสีสันข้อความสามารถดึงดูดสายตาของผู้เยี่ยมชม  หากข้อความของเว็บใช้สีที่อ่านยาก เพราะว่าสีกลืนกันไปหมดกับพื้นหลัง  ความสำคัญของการสื่อความหมายของข้อความนั้น ๆ อาจอ่อนด้อยลง  ดังนั้นการพิจารณาเลือกใช้สีควรเลือกให้เหมาะกับโทนสีทั้งหมดของเว็บ  ไม่ควรอ่อนด้อยเกินไป หรือโดดเด่นเิกินไป (สำหรับข้อความเล็ก  ๆ ต้องการเน้นอาจทำได้) ซึ่งรูปแบบการใส่สีให้ข้อความในเว็บมีดังนี้</p>
<pre class="brush: html; ">
&lt;html&gt;
&lt;head&gt;&lt;title&gt; ....การหนดรูปแบบสีข้อความ....&lt;/title&gt;&lt;/head&gt;
&lt;body&gt;
&lt;font color = &quot;red&quot;&gt; ข้อความนี้กำหนดให้เป็นสีแดง&lt;/font&gt; &lt;br /&gt;
&lt;font color = &quot;#0000ff&quot;&gt; ข้อความนี้กำหนดให้เป็นสีน้ำเงิน &lt;/font&gt; &lt;br /&gt;
&lt;font color = &quot;green&quot;&gt; ข้อความนี้กำหนดให้เป็นสีเขียว &lt;/font&gt; &lt;br /&gt;
&lt;font color = &quot;#000000&quot;&gt; ข้อความนี้กำหนดให้เป็นสีดำ &lt;/font&gt; &lt;br /&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>ผลลัพธ์ที่ได้<a href="http://www.ikapeng.com/wp-content/uploads/2010/02/font-color.gif"><img class="aligncenter size-medium wp-image-131" title="font-color" src="http://www.ikapeng.com/wp-content/uploads/2010/02/font-color-300x199.gif" alt="" width="300" height="199" /></a></p></blockquote>
<p><strong><span style="color: #555555;">*** การกำหนดลักษณะข้อความในแท็กเดียว<br />
</span></strong><span style="color: #555555;">ในการกำหนดลักษณะข้อความสามารถกำหนดได้ในแท็กเดียว  โดยการเิ่พิ่ม Attribute ของแท็ก &lt;font&gt; โดยใช้  Space หรือช่องว่างเป็นตัวแบ่งระหว่างแต่ละ Attribute  โดยเขียนโค้ดตามตัวอย่างดังนี้<br />
<span style="color: #0099cc;">&lt;font</span><span style="color: #ff0000;"> face = &#8220;ชื่อฟอนต์&#8221; size = &#8220;ขนาดข้อความ&#8221;  color = &#8220;สี&#8221;</span><span style="color: #ff6600;"><span style="color: #0099cc;">&gt;</span><span style="color: #555555;"> &#8230;.</span> <span style="color: #0099cc;">&lt;/font&gt;<br />
</span></span></span>เช่น</p>
<pre class="brush: html; ">
&lt;html&gt;
&lt;head&gt;&lt;title&gt; ....การกำหนดลักษณะข้อความในแท็กเดียว....&lt;/title&gt;&lt;/head&gt;
&lt;body&gt;
&lt;font color = &quot;red&quot; size=&quot;5&quot; face=&quot;Tahoma&quot;&gt; ข้อความนี้กำหนดให้เป็นสีแดง ขนาดเท่ากับ 5 ฟอนต์ชื่อ &quot;Tahoma&quot;&lt;/font&gt; &lt;br /&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>ผลลัพธ์ที่ได้ <a href="http://www.ikapeng.com/wp-content/uploads/2010/02/font-face-color-size.gif"><img class="aligncenter size-medium wp-image-132" title="font-face-color-size" src="http://www.ikapeng.com/wp-content/uploads/2010/02/font-face-color-size-300x200.gif" alt="" width="300" height="200" /></a></p>
<blockquote><p>**** มีแท็กอื่นเพิ่มเติมสำหรับบทความนี้นะคับ นั่นคือ แท็ก <strong>&lt;br /&gt;</strong> หรือ <strong>&lt;br&gt;</strong> แท็กนี้<span style="color: #555555;">เป็นแท็กสำหรับการขึ้นบรรทัดใหม่ </span><span style="color: #555555;">นอกจากแท็ก &lt;br /&gt; แล้ว ยังมีแท็กสำหรับขึ้นบรรทัดใหม่อีกหนึ่งแท็กคือ &lt;p&gt; หรือ &lt;p&gt;&#8230;.&lt;/p&gt; แต่แตกต่างกันที่ &lt;br /&gt; เป็นการขึ้นบรรทัดใหม่ของย่อหน้าเดียวกัน แต่ &lt;p&gt; จะเป็นการขึ้นบรรทัดย่อหน้า ดังนั้น ช่องว่างของการขึ้นบรรทัดใหม่ของ &lt;p&gt; จะมีความสูงมากกว่า &lt;br /&gt;</span></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.ikapeng.com/%e0%b8%81%e0%b8%b3%e0%b8%ab%e0%b8%99%e0%b8%94%e0%b8%a5%e0%b8%b1%e0%b8%81%e0%b8%a9%e0%b8%93%e0%b8%b0%e0%b8%b5%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-html.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>การปรับแต่งเอกสาร HTML</title>
		<link>http://www.ikapeng.com/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%9b%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b9%81%e0%b8%95%e0%b9%88%e0%b8%87%e0%b9%80%e0%b8%ad%e0%b8%81%e0%b8%aa%e0%b8%b2%e0%b8%a3-html.html</link>
		<comments>http://www.ikapeng.com/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%9b%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b9%81%e0%b8%95%e0%b9%88%e0%b8%87%e0%b9%80%e0%b8%ad%e0%b8%81%e0%b8%aa%e0%b8%b2%e0%b8%a3-html.html#comments</comments>
		<pubDate>Mon, 15 Feb 2010 13:42:54 +0000</pubDate>
		<dc:creator>ikapeng</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Attribute]]></category>
		<category><![CDATA[Graphic Intechange Format]]></category>
		<category><![CDATA[Joint Photographic Expert Group]]></category>
		<category><![CDATA[Portable Network Graphic]]></category>
		<category><![CDATA[การปรับแต่งเอกสาร HTML]]></category>

		<guid isPermaLink="false">http://www.ikapeng.com/?p=122</guid>
		<description><![CDATA[การปรับแต่งเอกสาร HTML คือ การใส่สีสันให้กับเอกสาร HTML ในส่วนของการใส่พื้นหลัง (Background) ให้โฮมเพจของเรามีสีสันเพิ่มขึ้น ซึ่งการใส่พื้นหลังให้โฮมเพจสามารถใส่ได้ 2 แบบ คือ การใส่สีให้พื้นหลัง และการใส่ภาพให้พื้นหลัง
ในการใส่รูปแบบนั้นจะใส่ในส่วนของแท็กเปิด ของแท็ก  เพราะคำสั่งนี้เป็นส่วนขยายที่เรียกว่า Attribute ของแท็ก  นั้นเอง โดยจะมีรูปแบบดังนี้
1. แบบใส่สีให้พื้นหลัง bgcolor = &#8220;ชื่อสี&#8221; หรือ bgcolor = &#8220;#รหัสสี&#8221;
2. แบบใส่ภาพให้พื้นหลัง background = &#8220;ชื่อภาพ&#8221;
รูปแบบการใส่สีพื้นหลัง


&#60;html&#62;
&#60;head&#62;&#60;title&#62; ....การใส่สีให้พื้นหลังเป็นสีน้ำเงิน....&#60;/title&#62;&#60;/head&#62;
&#60;body bgcolor = &#34;blue&#34;&#62;
&#60;/body&#62;
&#60;/html&#62;

รูปแบบการใส่ภาพพื้นหลัง


&#60;html&#62;
&#60;head&#62;&#60;title&#62; ....การใส่ภาพให้พื้นหลัง....&#60;/title&#62;&#60;/head&#62;
&#60;body background = &#34;lilies.jpg&#34;&#62;
&#60;/body&#62;
&#60;/html&#62;


Tips

การระบุค่าสีสำหรับภาษา HTML
การระบุค่าสีสำหรับภาษา HTML สามารถระบุค่าได้ 2 แบบ คือ แบบระบุโดยใช้ชื่อสี (ภาษาอังกฤษ) เช่น red green blue เป็นต้น และอีกรูปแบบหนึ่ง [...]]]></description>
			<content:encoded><![CDATA[<p>การปรับแต่งเอกสาร HTML คือ การใส่สีสันให้กับเอกสาร HTML ในส่วนของการใส่พื้นหลัง (Background) ให้โฮมเพจของเรามีสีสันเพิ่มขึ้น ซึ่งการใส่พื้นหลังให้โฮมเพจสามารถใส่ได้ 2 แบบ คือ การใส่สีให้พื้นหลัง และการใส่ภาพให้พื้นหลัง<br />
ในการใส่รูปแบบนั้นจะใส่ในส่วนของแท็กเปิด ของแท็ก  เพราะคำสั่งนี้เป็นส่วนขยายที่เรียกว่า Attribute ของแท็ก  นั้นเอง โดยจะมีรูปแบบดังนี้</p>
<p>1. แบบใส่สีให้พื้นหลัง bgcolor = &#8220;ชื่อสี&#8221; หรือ bgcolor = &#8220;#รหัสสี&#8221;<br />
2. แบบใส่ภาพให้พื้นหลัง background = &#8220;ชื่อภาพ&#8221;</p>
<p>รูปแบบการใส่สีพื้นหลัง</p>
<pre class="brush: html; ">

&lt;html&gt;
&lt;head&gt;&lt;title&gt; ....การใส่สีให้พื้นหลังเป็นสีน้ำเงิน....&lt;/title&gt;&lt;/head&gt;
&lt;body bgcolor = &quot;blue&quot;&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>รูปแบบการใส่ภาพพื้นหลัง<span id="more-122"></span></p>
<pre class="brush: html; ">

&lt;html&gt;
&lt;head&gt;&lt;title&gt; ....การใส่ภาพให้พื้นหลัง....&lt;/title&gt;&lt;/head&gt;
&lt;body background = &quot;lilies.jpg&quot;&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p style="text-align: center;"><a href="http://www.ikapeng.com/wp-content/uploads/2010/02/bg.jpg"><img class="size-medium wp-image-126 aligncenter" title="bg" src="http://www.ikapeng.com/wp-content/uploads/2010/02/bg-300x177.jpg" alt="" width="300" height="177" /></a></p>
<blockquote><p><strong>Tips<br />
</strong></p>
<p><strong><span style="color: #555555;">การระบุค่าสีสำหรับภาษา HTML<br />
</span></strong><span style="color: #555555;">การระบุค่าสีสำหรับภาษา HTML สามารถระบุค่าได้ 2 แบบ คือ แบบระบุโดยใช้ชื่อสี (ภาษาอังกฤษ) เช่น red green blue เป็นต้น และอีกรูปแบบหนึ่ง คือการระบุค่าสีเป็นรหัสสี ซึ่งอยู่ในรูปแบบของเลขฐาน 16 ได้แก่ 1-9 และ E-F (ทั้งหมดรวม 16 ตัว) และเพื่อให้ได้สีที่หลากหลายจึง มีการผสมของหลักสีกลายมาเป็นรหัสค่าสี 6 หลัก ซึ่งมีตั้งแต่รหัส 000000 &#8211; FFFFFF ซึ่งจะได้สีทั้งหมดประมาณ 16.7 ล้านสีด้วยกัน</span></p>
<p><span style="color: #555555;">ในรหัสสี 6 หลักนี้ มีความหมายเกี่ยวการผสมสีอยู่ โดยแบ่งเป็น 3 สีหลัก หรือจะเรียกว่าแม่สีก็ได้คือ สองหลักแรก คือสีแดง และ 2 หลักกลางคือสีเขียว และ 2 หลักสุดท้ายคือสีน้ำเงิน ซึ่งเราจะเรียกว่า RGB  (<span style="color: #ff0000;">Red</span> <span style="color: #00ff00;">Green</span> <span style="color: #0000ff;">Blue</span>) โดยแม่สีสามตัวหลักนี้ เขียนอยู่ในรูปแบบรหัสสีสำหรับใช้กับภาษา HTML ได้ดังนี้</span></p>
<p><span style="color: #ff9900;"> <span style="color: #ff0000;">- รหัสสีแดง      #FF0000 </span><br />
<span style="color: #00ff00;"> &#8211; รหัสสีเขียว     #00FF00</span><br />
<span style="color: #0000ff;">- รหัสสีน้ำเงิน   #0000FF </span><br />
</span><span style="color: #555555;"><br />
นอกจากนี้ก็มีสีหลักอีก 2 สี ซึ่งก็คือ<br />
<span style="color: #ff9900;"> <span style="color: #000000;">- รหัสสีดำ        #000000 </span><br />
- รหัสสีขาว      #FFFFFF<br />
</span></span></p>
<p><span style="color: #555555;">หลักการของสีทางคอมพิวเตอร์เราจะเรียกว่าสีทางแสง ซึ่งจะมีความแตกต่างจากสีทางวัตถุอยู่บ้าง นั้นก็คือ หากเป็นสีในทางวัตถุเมื่อเราผสมสี แดง เขียว น้ำเงิน เข้าด้วยกันจะได้ผลลัพธ์เป็นสีดำ แต่สำหรับสีทางแสง เมื่อผสมสีีทั้ง 3 นี้เข้าด้วยกันจะได้เป็นสีขาว ดังเช่นเมื่อเรา เราเอารหัสสี แดง เขียว น้ำเงิน ซึ่งก็คือ #FF0000 #00FF00 และ #0000FF รวมกันจะได้รหัสสีของสีขาว #FFFFFF</span></p>
<p><strong><span style="color: #555555;">การใส่ภาพในเอกสาร HTML</span></strong> <span style="color: #555555;"><br />
ในบทความตอนนี้มีส่วนที่เกี่ยวข้องกับการใช้ภาพ ดังนี้จึงขอให้ความรู้เกี่ยวกับเรื่องของภาพที่จะนำมาใช้ทำเว็บกันซะเลย ซึ่งไฟล์ภาพที่เป็นมาตรฐานที่สามารถนำำมาใส่ในเว็บมีอยู่ด้วยกัน 3 ชนิด โดยแต่ละภาพก็มีลักษณะการนำมาใช้ที่แตกต่างกัน ดังนี้</span></p>
<p><span style="color: #555555;">1. <span style="color: #ff6600;">GIF</span> (Graphic Intechange Format)<br />
ไฟล์ภาพชนิดนี้ นิยมใช้สำหรับภาพกราฟิคที่เป็นลักษณะลายเส้น ข้อความตัวอักษร หรือภาพการ์ตูนต่าง ๆ ซึ่งมีสีไม่มากนัก เพราะไฟล์ GIF มีค่าสีสูงสุด 256 สี จึงทำให้ภาพกราฟิคที่เป็นไฟล์ประเภท GIF เป็นภาพที่มีลักษณะทึบ และไม่สามารถไล่เฉดสีได้มากนัก แต่มีข้อดีคือ สามารถสร้างและเซฟภาพประเภทนี้ให้มีลักษณะพื้นหลังโปร่งใส (Transparent) ซึ่งสามารถนำภาพเหล่านี้ไปใช้กับพื้นหลังสีอะไรก็ได้ ไฟล์ภาพประเภทนี้มีไฟล์นามสกุลเป็น <span style="color: #990000;">.gif</span></span></p>
<p><span style="color: #555555;">2. <span style="color: #ff6600;">JPG</span> (Joint Photographic Expert Group)<br />
ไฟล์ประเภทนี้สามารถแสดงผลของสีได้สูงสุดถึง 16.7 ล้านสี ดังนั้นจึงเหมาะสำหรับภาพที่มีเฉดสีเยอะ เช่น ภาพถ่ายต่าง ๆ หรือภาพอื่น ๆ ที่มีสีเยอะ นอกจากนี้ยังสามารถเลือกที่จะบีบอัดไฟล์ภาพให้มีขนาดเล็กลงได้ แต่คุณภาพจะลดลง และไฟล์ประเภทนี้ไม่สามารถทำเป็นแบบพื้นหลังโปร่งใส่ได้ ไฟล์ภาพประเภทนี้มีไฟล์นามสกุลเป็น <span style="color: #990000;">.jpg</span> และ<span style="color: #009900;">.jpeg </span></span></p>
<p>3. <span style="color: #ff6600;">PNG <span style="color: #555555;">(Portable Network Graphic)<br />
ไฟล์ประเภทนี้จะมีให้เลือกเซฟ 2 แบบคือ แบบ PNG-8 ซึ่งสามารถแสดงผลสีได้สูงสุด 256 สี และยังสามารถเซฟเป็นแบบ PNG-24 ซึ่งสามารถแสดงผลสีได้สูงสุดถึง 16.7 ล้านสีเหมือนไฟล์ JPG นอกจากนี้ยังสามารถทำเป็นภาพพื้นหลังโปร่งใส เหมือนกับ GIF ได้ด้วย แต่ไฟล์ภาพประเภทนี้จะมีขนาดไฟล์ใหญ่กว่าภาพ JPG มาก ดังนั้นจึงมักใช้เซฟภาพซึ่งมีขนาดเล็ก ๆ แต่มีการใช้สีมาก เช่น ภาพไอคอน ต่าง ๆ ไฟล์ประเภทนี้มีนามสกุล .png</span></span></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.ikapeng.com/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%9b%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b9%81%e0%b8%95%e0%b9%88%e0%b8%87%e0%b9%80%e0%b8%ad%e0%b8%81%e0%b8%aa%e0%b8%b2%e0%b8%a3-html.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Comments ในภาษา PHP</title>
		<link>http://www.ikapeng.com/comments-%e0%b9%83%e0%b8%99%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2-php.html</link>
		<comments>http://www.ikapeng.com/comments-%e0%b9%83%e0%b8%99%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2-php.html#comments</comments>
		<pubDate>Fri, 12 Feb 2010 01:39:04 +0000</pubDate>
		<dc:creator>ikapeng</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Comments ในภาษา PHP]]></category>
		<category><![CDATA[php comment]]></category>

		<guid isPermaLink="false">http://www.ikapeng.com/?p=113</guid>
		<description><![CDATA[ในภาษา PHP เราใช้เครื่องหมาย // หรือ # วางไว้ที่ตำแหน่งแรกของบรรทัด เพื่อละเว้นคำสั่งในบรรทัดนั้นๆ หรือใช้ /* ข้อความต่างๆ ที่ comment ไว้กันลืม */ สำหรับละเว้นคำสั่งหลายบรรทัด ดูตัวอย่างกันเลยคับ]]></description>
			<content:encoded><![CDATA[<p>ในภาษา PHP เราใช้เครื่องหมาย <strong>//</strong> หรือ <strong>#</strong> วางไว้ที่ตำแหน่งแรกของบรรทัด เพื่อละเว้นคำสั่งในบรรทัดนั้นๆ<br />
<strong>หรือ</strong>ใช้ <span style="color: #008000;"><strong>/* ข้อความต่างๆ ที่ comment ไว้กันลืม    */</strong> </span> สำหรับละเว้นคำสั่งหลายบรรทัด<br />
ดูตัวอย่างกันเลยคับ</p>
<pre class="brush: php; ">
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;การ Comments ในภาษา PHP&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;?php
//นี่คือ comment
#นี่ก็ comment
/*
นี่ก็ comment
แบบหลายบรรทัด
นะ.....
*/
?&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<blockquote><p>ซึ่งข้อความ หรือคำสั่งต่างๆ ที่อยู่หลังเครื่องหมาย <span style="color: #008000;">//</span> <span style="color: #ff0000;">&#8230;..</span>,<span style="color: #008000;">#</span><span style="color: #ff0000;">&#8230;..</span> หรือ ภายในระหว่าง <span style="color: #008000;">/*</span> <span style="color: #ff0000;">&#8230;.</span> <span style="color: #008000;">*/</span> จะไม่ถูกนำไปประมวลผลนั่นเองคับ</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.ikapeng.com/comments-%e0%b9%83%e0%b8%99%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2-php.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP Syntax</title>
		<link>http://www.ikapeng.com/php-syntax.html</link>
		<comments>http://www.ikapeng.com/php-syntax.html#comments</comments>
		<pubDate>Thu, 11 Feb 2010 05:06:29 +0000</pubDate>
		<dc:creator>ikapeng</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[PHP Syntax]]></category>
		<category><![CDATA[XML style]]></category>

		<guid isPermaLink="false">http://www.ikapeng.com/?p=106</guid>
		<description><![CDATA[คุณจะไม่สามารถวิวดู source code ของ PHP ในเบราเซอร์ได้ คุณจะเห็นเป็น HTML ทั่วไป เพราะว่าสคริปต์ถูกแปลงบนเซิร์ปเวอร์เป็น HTML แล้ว ก่อนที่จะถูกส่งไปแสดงผลที่เบราเซอร์ของคุณ
แท็กสคริปต์ PHP จะเริ่มด้วย  &#60;?php และปิดด้วย ?&#62; ซึ่งสามารถทำได้หลายรูปแบบ เช่น

 &#60;? ... ?&#62; (SGML style)
&#60;?php ... ?&#62; (XML style) เป็นแบบที่นิยมใช้กันในปัจจุบันนี้
&#60;script language=&#8221;php&#8221;&#62; ... &#60;/script&#62; (JavaScript style)
&#60;% ... %&#62; (ASP style)

เราสามารถวางคำสั่ง PHP ไว้ภายในเอกสาร HTML ตามที่ต้องการได้             [...]]]></description>
			<content:encoded><![CDATA[<p>คุณจะไม่สามารถวิวดู source code ของ PHP ในเบราเซอร์ได้ คุณจะเห็นเป็น <a href="http://www.ikapeng.com/category/knowledge/html">HTML</a> ทั่วไป เพราะว่าสคริปต์ถูกแปลงบนเซิร์ปเวอร์เป็น <a href="http://www.ikapeng.com/category/knowledge/html">HTML</a> แล้ว ก่อนที่จะถูกส่งไปแสดงผลที่เบราเซอร์ของคุณ</p>
<p>แท็กสคริปต์ PHP จะเริ่มด้วย  <span style="color: #993300;"><strong>&lt;?php</strong></span> และปิดด้วย <span style="color: #993300;"><strong>?&gt;</strong></span> ซึ่งสามารถทำได้หลายรูปแบบ เช่น</p>
<ol>
<li> <span style="color: #993300;">&lt;?</span><tt> ... <span style="color: #993300;">?&gt;</span></tt> (SGML style)</li>
<li><span style="color: #993300;">&lt;?php</span><tt> ... </tt><span style="color: #993300;">?&gt;</span> (XML style) เป็นแบบที่นิยมใช้กันในปัจจุบันนี้</li>
<li><span style="color: #993300;">&lt;script language=&#8221;php&#8221;&gt;</span><tt> ... </tt><span style="color: #993300;">&lt;/script&gt;</span> (JavaScript style)</li>
<li><span style="color: #993300;">&lt;%</span><tt> ... </tt><span style="color: #993300;">%&gt;</span> (ASP style)</li>
</ol>
<p>เราสามารถวางคำสั่ง PHP ไว้ภายในเอกสาร <a href="http://www.ikapeng.com/%e0%b9%82%e0%b8%84%e0%b8%a3%e0%b8%87%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2-html.html">HTML</a> ตามที่ต้องการได้                        อาจจะสลับกับ Tag ของภาษา <a href="http://www.ikapeng.com/%e0%b9%82%e0%b8%84%e0%b8%a3%e0%b8%87%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2-html.html">HTML</a> ก็ได้ ตัวอย่างเช่น</p>
<pre class="brush: php; ">
&lt;HTML&gt;

&lt;HEAD&gt;&lt;TITLE&gt; My  Homepage &lt;/TITLE&gt;&lt;/HEAD&gt;
&lt;BODY BGCOLOR=#FFFFFF&gt;
&lt;H1&gt;&lt;?php echo &quot;Hello World&quot;; ?&gt;&lt;/H1&gt;
Your web browser is &lt;?php echo $HTTP_USER_AGENT; ?&gt;.
&lt;/BODY&gt;
&lt;/HTML&gt;
</pre>
<p>แต่ละบรรทัดที่จบชุดโค้ดของ PHP จะปิดด้วยตัว semicolon (&#8220;;&#8221;) ตัวนี้จะเป็นตัวบอกว่าจบ 1 ชุดคำสั่ง<br />
มี 2 คำสั่ง ที่คุณสามารถใส่เพื่อให้แสดงผลออกมาเป็นข้อความโชว์บนเบราเซอร์ คือ <span style="color: #993300;">echo</span> และ <span style="color: #993300;">print </span>ตัวอย่างข้างบนของเราใช้ echo เพื่อแสดงผล ซึ่งผลลัพธ์ที่ได้ ตามนี้คับ</p>
<p style="text-align: center;"><a href="http://www.ikapeng.com/wp-content/uploads/2010/02/helloworld.jpg"><img class="size-medium wp-image-107 aligncenter" title="helloworld" src="http://www.ikapeng.com/wp-content/uploads/2010/02/helloworld-300x229.jpg" alt="" width="300" height="229" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ikapeng.com/php-syntax.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ทำความรู้จัก ภาษา PHP</title>
		<link>http://www.ikapeng.com/%e0%b8%97%e0%b8%b3%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1%e0%b8%a3%e0%b8%b9%e0%b9%89%e0%b8%88%e0%b8%b1%e0%b8%81-%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2-php.html</link>
		<comments>http://www.ikapeng.com/%e0%b8%97%e0%b8%b3%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1%e0%b8%a3%e0%b8%b9%e0%b9%89%e0%b8%88%e0%b8%b1%e0%b8%81-%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2-php.html#comments</comments>
		<pubDate>Tue, 09 Feb 2010 13:09:51 +0000</pubDate>
		<dc:creator>ikapeng</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[OpenSource]]></category>
		<category><![CDATA[server-side]]></category>

		<guid isPermaLink="false">http://www.ikapeng.com/?p=100</guid>
		<description><![CDATA[PHP เป็นภาษาจำพวก scripting language  คำสั่งต่างๆจะเก็บอยู่ในไฟล์ที่เรียกว่าสคริปต์                        (script) และเวลาใช้งานต้องอาศัยตัวแปลชุดคำสั่ง ตัวอย่างของภาษาสคริปก็เช่น                        JavaScript, [...]]]></description>
			<content:encoded><![CDATA[<p>PHP เป็นภาษาจำพวก scripting language  คำสั่งต่างๆจะเก็บอยู่ในไฟล์ที่เรียกว่าสคริปต์                        (script) และเวลาใช้งานต้องอาศัยตัวแปลชุดคำสั่ง ตัวอย่างของภาษาสคริปก็เช่น                        JavaScript, Perl เป็นต้น ลักษณะของ PHP ที่แตกต่างจากภาษาสคริปต์แบบอื่นๆ                        คือ PHP ได้รับการพัฒนาและออกแบบมา เพื่อใช้งานในการสร้างเอกสารแบบ                        <a href="http://www.ikapeng.com/category/knowledge/html">HTML</a> โดยสามารถ สอดแทรกหรือแก้ไขเนื้อหาได้โดยอัตโนมัติ ดังนั้นจึงกล่าวว่า                        PHP เป็นภาษาที่เรียกว่า server-side หรือ HTML-embedded scripting                        language เป็นเครื่องมือที่สำคัญชนิดหนึ่ง ที่ช่วยให้เราสามารถสร้างเอกสารแบบ                        Dynamic HTML ได้อย่างมีประสิทธิภาพและมีลูกเล่นมากขึ้น<a href="http://www.ikapeng.com/wp-content/uploads/2010/02/php-logo.jpg"><img class="alignright size-full wp-image-101" title="php-logo" src="http://www.ikapeng.com/wp-content/uploads/2010/02/php-logo.jpg" alt="" width="124" height="67" /></a></p>
<p>ถ้าใครรู้จัก Server Side Include (SSI) ก็จะสามารถเข้าใจการทำงานของ                        PHP ได้ไม่ยาก สมมุติว่า เราต้องการจะแสดงวันเวลาปัจจุบันที่ผู้เข้ามาเยี่ยมชมเว็บไซด์ในขณะนั้น                        ในตำแหน่ง ใดตำแหน่งหนึ่งภายในเอกสาร HTML ที่เราต้องการ                         อาจจะใช้คำสั่งในรูปแบบนี้ เช่น &lt;!&#8211;#exec cgi=&#8221;date.pl&#8221;&#8211;&gt;                        ไว้ในเอกสาร HTML เมื่อ SSI ของ web server มาพบคำสั่งนี้                        ก็จะกระทำคำสั่ง date.pl ซึ่งในกรณีนิ้ เป็นสคริปต์ที่เขียนด้วยภาษา                        perl สำหรับอ่านเวลาจากเครื่องคอมพิวเตอร์ แล้วใส่ค่าเวลาเป็นเอาพุท                        (output) และแทนที่คำสั่งดังกล่าว ลงในเอกสาร HTML โดยอัตโนมัติ                        ก่อนที่จะส่งไปยังผู้อ่านอีกทีหนึ่ง</p>
<p>อาจจะกล่าวได้ว่า PHP ได้รับการพัฒนาขึ้นมา เพื่อแทนที่ SSI                        รูปแบบเดิมๆ โดยให้มีความสามารถ และมีส่วนเชื่อมต่อกับเครื่องมือชนิดอื่นมากขึ้น                        เช่น ติดต่อกับคลังข้อมูลหรือ database เป็นต้น</p>
<p>PHP ได้รับการเผยแพร่เป็นครั้งแรกในปีค.ศ.1994 จากนั้นก็มีการพัฒนาต่อมาตามลำดับ                        เป็นเวอร์ชั่น 1 ในปี 1995 เวอร์ชั่น 2 (ตอนนั้นใช้ชื่อว่า                        PHP/FI) ในช่วงระหว่าง 1995-1997 และเวอร์ชั่น 3 ช่วง 1997                        ถึง 1999 จนถึงเวอร์ชั่น 4 ในปัจจุบัน</p>
<p>PHP เป็นผลงานที่เติบโตมาจากกลุ่มของนักพัฒนาในเชิงเปิดเผยรหัสต้นฉบับ                        หรือ OpenSource ดังนั้น PHP จึงมีการพัฒนาไปอย่างรวดเร็ว                        และแพร่หลายโดยเฉพาะอย่างยิ่งเมื่อใช้ร่วมกับ Apache Webserver                        ระบบปฏิบัติอย่างเช่น Linux หรือ FreeBSD เป็นต้น ในปัจจุบัน                        PHP สามารถใช้ร่วมกับ Web Server หลายๆตัวบนระบบปฏิบัติการอย่างเช่น                        Windows 95/98/NT เป็นต้น</p>
<p>รายชื่อของนักพัฒนาภาษา PHP ที่เป็นแก่นสำคัญในปัจจุบันมีดังต่อไปนี้</p>
<ul>
<li>Zeev Suraski, Israel</li>
<li>Andi Gutmans, Israel</li>
<li>Shane Caraveo, Florida USA</li>
<li>Stig Bakken, Norway</li>
<li>Andrey Zmievski, Nebraska USA</li>
<li>Sascha Schumann, Dortmund, Germany</li>
<li>Thies C. Arntzen, Hamburg, Germany</li>
<li>Jim Winstead, Los Angeles, USA</li>
<li>Rasmus Lerdorf, North Carolina, USA</li>
</ul>
<p>เนื่องจากว่า                        PHP ไม่ได้เป็นส่วนหนึ่งของตัว Web Server ดังนั้นถ้าจะใช้                        PHP ก็จะต้องดูก่อนว่า Web server นั้นสามารถใช้สคริปต์ PHP                        ได้หรือไม่ ยกตัวอย่างเช่น PHP สามารถใช้ได้กับ Apache WebServer                        และ Personal Web Server (PWP) สำหรับระบบปฏิบัติการ Windows                        95/98/NT</p>
<p>ในกรณีของ Apache                        เราสามารถใช้ PHP ได้สองรูปแบบคือ ในลักษณะของ CGI และ Apache                        Module  ความแตกต่างอยู่ตรงที่ว่า ถ้าใช้ PHP เป็นแบบโมดูล                        PHP จะเป็นส่วนหนึ่งของ Apache หรือเป็นส่วนขยายในการทำงานนั่นเอง                        ซึ่งจะทำงานได้เร็วกว่าแบบที่เป็น CGI เพราะว่า ถ้าเป็น CGI                        แล้ว ตัวแปลชุดคำสั่งของ PHP ถือว่าเป็นแค่โปรแกรมภายนอก ซึ่ง                        Apache จะต้องเรียกขึ้นมาทำงานทุกครั้ง ที่ต้องการใช้ PHP                        ดังนั้น ถ้ามองในเรื่องของประสิทธิ ภาพในการทำงาน การใช้ PHP                        แบบที่เป็นโมดูลหนึ่งของ Apache จะทำงานได้มีประสิทธิภาพมากกว่า</p>
<p style="text-align: center;"><a href="http://www.ikapeng.com/wp-content/uploads/2010/02/php.gif"><img class="size-medium wp-image-102 aligncenter" title="php" src="http://www.ikapeng.com/wp-content/uploads/2010/02/php-300x227.gif" alt="" width="300" height="227" /></a></p>
<p><strong>ลักษณะเด่นของ PHP</strong></p>
<blockquote><p><span>- ใช้ได้ฟรี<br />
- <strong>PHP </strong>เป็นโปร แกรมวิ่งข้าง Sever ดังนั้นขีดความสามารถไม่จำกัด<br />
- <strong>Conlatfun </strong>นั่นคือ <strong>PHP</strong> วิ่งบนเครื่อง <strong>UNIX,Linux,Windows</strong> ได้หมด<br />
- เรียนรู้ง่าย เนืองจาก <strong>PHP</strong> ฝั่งเข้าไปใน <strong>HTML</strong> และใช้ดครงสร้างและไวยากรณ์ภาษาง่ายๆ<br />
- เร็วและมีประสิทธิภาพ โดยเฉพาะเมือใช้กับ <strong>Apach </strong><strong>Server </strong>เพราะไม่ต้องใช้โปรแกรมจากภายนอก<br />
- ใช้ร่วมกับ <strong>XML</strong> ได้ทันที<br />
- ใช้กับระบบแฟ้มข้อมูลได้<br />
- ใช้กับข้อมูลตัวอักษรได้อย่างมีประสิทธิภาพ<br />
- ใช้กับโครงสร้างข้อมูลใช้ได้แบบ <strong>Scalar,Array,Associative array</strong><br />
- ใช้กับการประมวลผลภาพได้</span></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.ikapeng.com/%e0%b8%97%e0%b8%b3%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1%e0%b8%a3%e0%b8%b9%e0%b9%89%e0%b8%88%e0%b8%b1%e0%b8%81-%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2-php.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- www.000webhost.com Analytics Code -->
<script type="text/javascript" src="http://analytics.hosting24.com/count.php"></script>
<noscript><a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/count.php" alt="web hosting" /></a></noscript>
<!-- End Of Analytics Code -->
