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

inplug profile image 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
ความคิดเห็น

ประกาศล่าสุดในบอร์ดเดียวกัน

10 ปีที่ผ่านมา
10 ปีที่ผ่านมา
inplug Icon โค๊ด HTML การแทรกภาพ (Image) 1 อ่าน 74,195 10 ปีที่ผ่านมา
10 ปีที่ผ่านมา
10 ปีที่ผ่านมา
inplug Icon วิธีใส่ Comment ใน HTML 2 อ่าน 17,959 10 ปีที่ผ่านมา
10 ปีที่ผ่านมา
10 ปีที่ผ่านมา
inplug Icon การกำหนดสีโดยใช้รหัสสี (Hex colors) อ่าน 16,630 10 ปีที่ผ่านมา
10 ปีที่ผ่านมา
7 ปีที่ผ่านมา
inplug Icon การใช้งาน คำสั่ง IFRAME ใน HTML อ่าน 11,199 10 ปีที่ผ่านมา
10 ปีที่ผ่านมา
inplug Icon HTML การสร้างเมนู อ่าน 9,817 10 ปีที่ผ่านมา
10 ปีที่ผ่านมา
inplug Icon HTML ชุดคำสั่งในการเชื่อมโยง (Link) 1 อ่าน 9,478 10 ปีที่ผ่านมา
10 ปีที่ผ่านมา
inplug Icon โค๊ด HTML การกำหนดสีของตัวอักษร อ่าน 9,212 10 ปีที่ผ่านมา
10 ปีที่ผ่านมา
inplug Icon HTML ทำ effect ตอนเปลี่ยนหน้า อ่าน 7,785 10 ปีที่ผ่านมา
10 ปีที่ผ่านมา
10 ปีที่ผ่านมา
10 ปีที่ผ่านมา