Learning Step by Step to build your home by Easyhome in Thailand/title> <meta name="description" content="EasyHome is a complete webpage to learn about building homepage by using the basic tool & HTML." /> <meta name="Keywords" content="opensource, linux, ubuntu, kde, gnome, open, office, คอมพิวเตอร์, เว็บเพจ, เว็บไซต์, โปรแกรม, ซอฟท์แวร์, ดาวน์โหลด, easyhome, homepage, webpage, design, html, build homepage, tip, tricks, technic, technique, tool, shareware, freeware, humnoi, thai, ubon, ubonratchathani, isan, sa-on." /> <meta name="Author" content="Montree Kotkanta - webmaster@easyhome.in.th" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="index,follow" /> <link href="../easystyle2.css" rel=stylesheet type=text/css /> </head> <body bgcolor="#000000" text="#CCCCCC" link="#66FFFF" vlink="#FF99FF" alink="#66FF66" > <table id="new_design_2010" width="1000" height="160" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td colspan="2" rowspan="2"><img src="../header/top_header.jpg" width="510" height="121" alt="Easyhome 2010"></td> <td><img src="../header/header_03.jpg" width="470" height="60" border="0"></td> <td><img src="../header/header_04.jpg" width="20" height="60" border="0"></td> </tr> <tr> <td><a href="http://www.isangate.net" target="_blank"><img src="../ads_banner/isangate_net_02.gif" alt="IsanGate.net" width="468" height="60" border="0"></a></td> <td><img src="../header/header_08.jpg" width="20" height="61" border="0"></td> </tr> </table> </td> </tr> <tr> <td> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td><img src="../header/review.jpg" width="440" height="39" alt="Review Programs"></td> <td colspan="2"><img src="../header/navbar.jpg" alt="Navigation Bar" width="560" height="39" border="0" usemap="#Map"></td> <td><img src="../header/header_12.jpg" width="20" height="39" border="0"></td> </tr> </table> </td> </tr> <tr> <td> <hr width="1000" color="#008080" size="2" /> </td> </tr> </table> <table width="1000" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#000000" > <tr> <td valign="top"> <table width="100%"> <tr> <td align="center" width="270" valign="top"> <table width="268" border="0" cellpadding="1" cellspacing="0" bgcolor="#999999" align="center"> <tr><td align="center"><font color="#ffffff"><b>当広告について : Sponsor Links</b></font></td></tr> <tr><td> <table width="100%" cellpadding="3" cellspacing="0" border="0" bgcolor="#000000"> <tr> <td> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.freshvoice.net/" target="_blank">テレビ会議とweb会議のエイネット</a><br /> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.ntt.com/ict/" target="_blank">ICTソリューション</a><br /> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.nec-avio.co.jp/en/" target="_blank">Thermography Imager</a><br> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://dr-hello.jp/" target="_blank">医師転職のお医者さんはろおわあく</a><br> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.takamiclinic.com/" target="_blank">ニキビ治療</a><br> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.kashi-jimusho.com/" target="_blank">貸事務所.comのサンエス</a><br> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.visit-first.com/japan_guide/hotels/" target="_blank">hotel tokyo|Visit First</a><br> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.visit-first.com/japan_guide/" target="_blank">japan guide|Visit First</a><br>  <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.visit-first.jp/thai_guide/" target="_blank">バンコク(タイ)情報ならVisit First</a><br> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.apuro.com/" target="_blank">薬剤師求人</a><br> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.abcs.jp/" target="_blank">就活ならアバカス</a><br> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.ditect.co.jp/" target="_blank">モーションキャプチャー</a><br> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.benesse-style-care.co.jp/" target="_blank">有料老人ホーム</a><br>  <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.beluga-cl.com/n_index.html" target="_blank">ベルーガクリニック｜乳がん</a><br> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.expertstaff.co.jp/temp/" target="_blank">人材派遣【エキスパートスタッフ】</a><br> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.gracemate.jp/" target="_blank">東京の老人ホーム</a><br> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.comesta.co.jp/" target="_blank">web会議</a><br> <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.otsuka-shokai.co.jp/products/it-navi/" target="_blank">IT活用</a><br>  <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.daiei.co.jp/oseibo/" target="_blank">お歳暮</a><br />  <img src="../images1/bullet3.gif" alt="bl" width="9" height="9" hspace="5" vspace="5" border="0" align="absmiddle"><a href="http://www.gpoint.co.jp/" target="_blank">ポイント交換ならGポイント</a><br /> </td></tr> </td></tr> </table> </td></tr> </table> </td></tr></table> <p> </p>  <div align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="250" height="250" id=ShockwaveFlash1><param name=movie value="http://www2.silkspan.com/banner/partner_ins/banner250x250_ins/banner250x250.swf?partner=easyhome"><param name=quality value=high><embed src="http://www2.silkspan.com/banner/partner_ins/banner250x250_ins/banner250x250.swf?partner=easyhome" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="250" height="250"></embed></object></div> </td> <td width="730" valign="top"> <div align="center"><img src="../images4/step_by_step.gif" alt="Step by Step to build your homepage." width="474" height="75" border="0"></div> <p><img src="../images3/rarrow.gif" width="52" height="40" hspace="5" border="0" align="absmiddle" alt="Go!"> <font color="#2EDDB3" class="barial"><b>HTML <TAG> Dictionary</b></font></p> <a name="caption"></a> <table width=80% border=1 cellpadding=3 align="center"> <tr> <td bgcolor="#808080" align=center> <font color="#FFFF00"><b><big><caption></big></b></font> </td> </tr> <tr> <td> การกำหนดคำอธิบายรายละเอียดเกี่ยวกับตาราง ปกติคำสั่ง <b><caption></b> จะอยู่ส่วนบนของตาราง แต่สามารถกำหนดให้แสดงผลใต้ตารางได้ด้วยการกำหนดเป็น <b>align="bottom"</b> <p> <b>Example 1 : </b><br> <font color="#2EDDB3"> ตัวอย่างนี้เป็นการแทรกคำสั่ง <font color="#FFFF00"><caption></font> ตามปกติ </font><br><br> <font color="#00FFFF"> <table width="400" border="1"><br> <font color="#FFFFFF"><caption><b>ตารางที่ 1 คำอธิบายบนส่วนหัวตาราง</b></caption></font><br> <tr><br> <td>ตารางช่องที่ 1</td><td>ตารางช่องที่ 2</td><br> </td><br> </table> </font><br> <b>Result :</b><br> <div align="center"> <table width="400" border="1"> <caption class="h1">ตารางที่ 1 คำอธิบายบนส่วนหัวตาราง</caption> <tr> <td width="200">ตารางช่องที่ 1</td><td>ตารางช่องที่ 2</td> </tr> </table> </div> <br><br> <b>Example 2 : </b><br> <font color="#2EDDB3"> ตัวอย่างนี้เป็นการแทรกคำสั่ง <font color="#FFFF00"><caption></font> ให้อยู่ส่วนท้ายตาราง </font><br><br> <font color="#2EDDB3"> <table width="400" border="1"><br> <font color="#FFFFFF"><caption align="bottom"><b>ตารางที่ 1 คำอธิบายบนส่วนท้ายตาราง</b></caption></font><br> <tr><br> <td>ตารางช่องที่ 1</td><td>ตารางช่องที่ 2</td><br> </td><br> </table> </font><br><br> <b>Result :</b><br> <div align="center"> <table width="400" border="1"> <caption class="h1" align="bottom">ตารางที่ 1 คำอธิบายบนส่วนท้ายตาราง</caption> <tr> <td width="200">ตารางช่องที่ 1</td><td>ตารางช่องที่ 2</td> </tr> </table> </div> </p> <p> <font class="h2"><center> <a href="ht_tags.html#caption"><b>Back</b></a> </center></font> </p> </td> </tr> </table> <p> </p> <a name="table"></a> <table width=80% border=1 cellpadding=3 align="center"> <tr> <td bgcolor="#808080" align=center> <font color="#FFFF00" class="h2"><b><big><table></big></b></font> </td> </tr> <tr> <td> กำหนดสร้างตาราง <b>(TABLE)</b> <p> <b>Example: </b><br><br> <font color="#00ffff"><TABLE><br> <font color="#ffffff"> <TR><br> <TH><br> ..........................<br> </TH><br> </TR><br> <TR><br> <TD><br> ..........................<br> </TD><br> </TR></font><br> </TABLE></font> </p> <p> <font class="h2"><center> <a href="ht_tags.html#table"><b>Back</b></a> </center></font> </p> </td> </tr> </table> <p> </p> <a name="td"></a> <table width=80% border=1 cellpadding=3 align="center"> <tr> <td bgcolor="#808080" align=center> <font color="#FFFF00" class="h2"><b><big><td></big></b></font> </td> </tr> <tr> <td> กำหนดสร้างช่องบรรจุข้อมูลที่เป็น ข้อความหรือรูปภาพในตาราง <b>(TD=Table Data)</b> <p> <b>Example: </b><br><br> <font color="#ffffff"><TABLE><br> <TR><br> <TH><br> ..........................<br> </TH><br> </TR><br> <TR><br> <font color="#00ffff"> <TD><br> <b>ข้อความหรือรูปภาพ</b><br> </TD></font><br> </TR><br> </TABLE></font> </p> <p> <font class="h2"><center> <a href="ht_tags.html#td"><b>Back</b></a> </center></font> </p> </td> </tr> </table> <p> </p> <a name="th"></a> <table width=80% border=1 cellpadding=3 align="center"> <tr> <td bgcolor="#808080" align=center> <font color="#FFFF00" class="h2"><b><big><th></big></b></font> </td> </tr> <tr> <td> กำหนดสร้างช่องบรรจุข้อมูลที่เป็นข้อความหัวตาราง <b>(TH=Table Head)</b> <p> <b>Example: </b><br><br> <font color="#ffffff"><TABLE><br> <TR><br> <font color="#00ffff"> <TH><br> <b>ข้อความส่วนหัวตาราง</b><br> </TH></font><br> </TR><br> <TR><br> <TD><br> ..........................<br> </TD><br> </TR><br> </TABLE></font> </p> <p> <font class="h2"><center> <a href="ht_tags.html#th"><b>Back</b></a> </center></font> </p> </td> </tr> </table> <p> </p> <a name="tr"></a> <table width=80% border=1 cellpadding=3 align="center"> <tr> <td bgcolor="#808080" align=center> <font color="#FFFF00" class="h2"><b><big><tr></big></b></font> </td> </tr> <tr> <td> กำหนดสร้างแถวบรรจุช่องตาราง <b>(TR=Table Row)</b> <p> <b>Example: </b><br><br> <font color="#ffffff"><TABLE><br> <font color="#00ffff"> <TR><br> <font color="#ffffff"> <TH><br> <b>ข้อความส่วนหัวตาราง</b><br> </TH></font><br> <font color="#00ffff"> </TR><br> <TR></font><br> <font color="#ffffff"> <TD><br> <b>ข้อความหรือรูปภาพ</b><br> </TD></font><br> <font color="#00ffff"> </TR></font><br> </TABLE></font> </p> <p> <font class="h2"><center> <a href="ht_tags.html#td"><b>Back</b></a> </center></font> </p> </td> </tr> </table> <div align="right"><a href="javascript:history.back()" onMouseOver="window.status='Go to Previous Page';return true"><img src="../images1/greenl.gif" width="40" height="43" hspace="20" border="0" align="absmiddle" alt="Previous Page"></a></div> </td> </tr> </table>  <table width="1000" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#000000" > <tr> <td align="right" width="350"> <img hspace=10 src="../images3/update.gif" /> </td> <td align="center"> <font color="#FFFFFF" class="h1"><strong> <script language="JavaScript">  </script> </strong></font> </td> <td align="left" width="350"> <img hspace=10 src="../images3/update.gif" /> </td> </tr> </table>  <table width="1000" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#000000" > <tr> <td> <img src="../images3/redline.gif" width="1000" height="3" border="0" alt="red line" /> </td> </tr> <tr> <td height="30" align="center"> <a href="../index.html"><font class="h1"><b>Home</b></font></a> <b>|</b> <a href="../index.html#update"><b><font class="h1">What's new? </font></b></a> <b>|</b> <a href="../basichtml.htm"><b><font class="h1">Basic HTML</font></b></a> <b>|</b> <a href="../review.htm"><font class="h1"><b>Reviews Programs </b></font></a> <b>|</b> <a href="../tip_trick.htm"><b><font class="h1">Tip&Tricks</font></b> </a> <b>|</b> <a href="http://www.easyhome.in.th/download/" target="_blank"><b><font class="h1">Download</font></b></a> <b>|</b> <a href="../sitemap.htm"><font class="h1"><b>Site Map </b></font> </a> </td> </tr> <tr> <td> <img src="../images3/redline.gif" width="1000" height="3" border="0" alt="red line" /> </td> </tr> </table> </div> <div align="center">  <script language="javascript1.1" src="http://hits.truehits.in.th/data/a0000253.js"></script>  </div> <p> </p> <p> </p> <map name="Map"> <area shape="rect" coords="5,9,75,36" href="../index.html" alt="Home"> <area shape="rect" coords="78,10,179,39" href="../basichtml.htm" alt="Basic HTML"> <area shape="rect" coords="184,11,255,36" href="../review.htm" alt="Review Software"> <area shape="rect" coords="260,12,368,39" href="../tip_trick.htm" alt="More Tip & Tricks"> <area shape="rect" coords="374,14,467,40" href="http://www.easyhome.in.th/download/" target="_blank" alt="Download Software"> <area shape="rect" coords="472,10,556,41" href="../sitemap.htm" alt="Site Map"> </map> </body> </html>