Easyhome 2010
IsanGate.net
Review Programs Navigation Bar

 

ADS 250x250
Step by Step to build your homepage.

Go! HTML <TAG> Dictionary

<caption>
การกำหนดคำอธิบายรายละเอียดเกี่ยวกับตาราง ปกติคำสั่ง <caption> จะอยู่ส่วนบนของตาราง แต่สามารถกำหนดให้แสดงผลใต้ตารางได้ด้วยการกำหนดเป็น align="bottom"

Example 1 :
ตัวอย่างนี้เป็นการแทรกคำสั่ง <caption> ตามปกติ

<table width="400" border="1">
<caption><b>ตารางที่ 1 คำอธิบายบนส่วนหัวตาราง</b></caption>
<tr>
<td>ตารางช่องที่ 1</td><td>ตารางช่องที่ 2</td>
</td>
</table>

Result :

ตารางที่ 1 คำอธิบายบนส่วนหัวตาราง
ตารางช่องที่ 1ตารางช่องที่ 2


Example 2 :
ตัวอย่างนี้เป็นการแทรกคำสั่ง <caption> ให้อยู่ส่วนท้ายตาราง

<table width="400" border="1">
<caption align="bottom"><b>ตารางที่ 1 คำอธิบายบนส่วนท้ายตาราง</b></caption>
<tr>
<td>ตารางช่องที่ 1</td><td>ตารางช่องที่ 2</td>
</td>
</table>


Result :
ตารางที่ 1 คำอธิบายบนส่วนท้ายตาราง
ตารางช่องที่ 1ตารางช่องที่ 2

Back

 

<table>
กำหนดสร้างตาราง (TABLE)

Example:

<TABLE>
     <TR>
         <TH>
               ..........................
          </TH>
      </TR>
     <TR>
         <TD>
               ..........................
          </TD>
      </TR>

</TABLE>

Back

 

<td>
กำหนดสร้างช่องบรรจุข้อมูลที่เป็น ข้อความหรือรูปภาพในตาราง (TD=Table Data)

Example:

<TABLE>
     <TR>
         <TH>
               ..........................
          </TH>
      </TR>
     <TR>
         <TD>
               ข้อความหรือรูปภาพ
          </TD>

      </TR>
</TABLE>

Back

 

<th>
กำหนดสร้างช่องบรรจุข้อมูลที่เป็นข้อความหัวตาราง (TH=Table Head)

Example:

<TABLE>
     <TR>
         <TH>
               ข้อความส่วนหัวตาราง
          </TH>

      </TR>
     <TR>
         <TD>
               ..........................
          </TD>
      </TR>
</TABLE>

Back

 

<tr>
กำหนดสร้างแถวบรรจุช่องตาราง (TR=Table Row)

Example:

<TABLE>
     <TR>
         <TH>
               ข้อความส่วนหัวตาราง
          </TH>

      </TR>
     <TR>

         <TD>
              ข้อความหรือรูปภาพ
          </TD>

      </TR>
</TABLE>

Back

Previous Page
red line
Home | What's new? | Basic HTML | Reviews Programs | Tip&Tricks | Download | Site Map
red line

 

 

Home Basic HTML Review Software More Tip & Tricks Download Software Site Map