HTML การใช้ตารางช่วยนำเสนองาน

หัวข้อ:

HTML การใช้ตารางช่วยนำเสนองาน

inplug

การใช้ตารางช่วยนำเสนองาน

นอกจากตารางจะใช้ในการนำเสนอข้อมูลแล้ว เรายังสามารถใช้ชุดคำสั่งของตารางช่วยนำเสนองานในรูปแบบอื่น ๆ ได้อีก เช่น

ตัวอย่างที่ 1 ช่วยสร้างหัวข้อเรื่อง
ใช้หลักการสร้างตารางที่มี 1 แถว และ 1 คอลัมน์ ประกอบด้วยชุดคำสั่งดังต่อไปนี้

<TABLE width=50% border=5>
<TR bgcolor=brown>
<TD align=center><font color=white>ของฝากจากเชียงใหม่</font></TD>
</TR>
</TABLE>

จะได้งานลักษณะนี้

ของฝากจากเชียงใหม่

ตัวอย่างที่ 2 การนำเสนองานที่มีลักษณะเป็นคอลัมน์
เช่น 2 คอลัมน์ ก็ใช้หลักการสร้างตารางที่มี 1 แถว และ 2 คอลัมน์ ไม่ต้องมีเส้นตาราง แล้วนำข้อมูลไปบรรจุไว้ในแต่ละส่วนก็จะได้งานตามต้องการ ชุดคำสั่งมีดังต่อไปนี้

<TABLE BORDER=0>
<TR>
<TD>ข้อมูลในคอลัมน์ 1</TD>
<TD>ข้อมูลในคอลัมน์ 2</TD>
</TR>
</TABLE>

จะได้ผลงานลักษณะนี้

คณะกรรมการนักเรียนจัดกิจกรรมแข่งขันกรีฑาสีระหว่างคณะ ประจำปีการศึกษา 2547 ประกอบด้วยคณะเทอดจรรยา คณะสามัคคี คณะศรีวัฒนา คณะการุณรักษ์ และคณะภักดิ์พิรีย์ เมื่อวันศุกร์ที่ 5 พฤศจิกายน 2547 ณ สนามโรงเรียนยุพราชวิทยาลัย โดยมีผู้อำนวยการประดิษฐ์ จันทร์แสนตอ เป็นประธานในพิธีเปิดและพิธีปิดการแข่งขัน

เครดิต : www.yupparaj.ac.th