การสร้างตารางด้วย HTML จัดทำโดย : สายลม พิมพ์
 :: WebThaiDD.COM - ขุมทรัพย์ทางปัญญาของคนไทย •))) ------------

//การสร้างตาราง ช่วยให้เราจำกัดข้อความที่เราต้องการจะให้โชว์บนหน้าโฮมเพจ ว่าจะให้อยู่ส่วนไหนของหน้าโฮมเพจเรา ดังนั้นถ้าเราเข้าใจโค้ดเราสามารถนำมาประยุกต์ใช้กับ PHP ของเราได้อย่างสบาย :-)

ตัวอย่างตาราง

1 2.
3 4

ค่าตัวแปลต่างๆ

1. WIDTH WIDTH สำหรับAttributeนี้ ใช้สำหรับ กำหนดขนาดความกว้างของตาราง โดยจะมีการกำหนดค่าเป็นหน่วยของPixel หรือเป็นเปอร์เซ็นต์ มีรูปแบบการใช้งานคือ <TABLE WIDTH="200"> หรือ <TABLE WIDTH="80%"> เป็นต้น

2. HEIGHT สำหรับAttributeนี้ ใช้สำหรับ กำหนดขนาดความสูงของตาราง โดยจะมีการกำหนดค่าเป็นหน่วยของPixel หรือเป็นเปอร์เซ็นต์ มีรูปแบบการใช้งานคือ <TABLE HEIGHT=400"> หรือ<TABLE HEIGHT="60%"> เป็นต้น
3. ALIGN เป็นAttributeที่ใช้กำหนดลักษณะการวางตาราง บนหน้าจอ โดยจะมีค่าที่ใช้คือ LEFT(วางแบบชิดซ้าย), RIGHT(วางแบบชิดซ้าย), CENTER(วางแบบกึ่งกลาง) มีรูปแบบการใช้งานคือ <TABLE ALIGN="LEFT"> ,<TABLE ALIGN="RIGHT">, <TABLE ALIGN="CENTER">
4. BORDER เป็นAttributeที่ใช้กำหนดขนาดของกรอบของตาราง โดยจะมีการกำหนดค่าเป็นหน่วยของPixel มีรูปแบบการใช้งานคือ <TABLE ฺBORDER="0">(เมื่อไม่ต้องการกรอบ) ,<TABLE BORDER="2">
5. CELLSPACING เป็นAttributeที่ใช้กำหนดระยะห่างระหว่างคอลัมน์ต่างๆของตาราง โดยจะมีการกำหนดค่าเป็นหน่วยของPixel มีรูปแบบการใช้งานคือ <TABLE CELLSPACING="0"> ,<TABLE CELLSPACING="3">
6. BACKGROUND เป็นAttributeที่ใช้กำหนดรูปพื้นหลังให้กับตาราง เมื่อต้องการให้มีรูปพื้นหลังที่แตกต่างกับพื้นหลังของเอกสาร มีรูปแบบการใช้งานคือ <TABLE BACKGROUND="YourImage.gif">(สามารถใช้นามสกุลของรูปเป็นนามสกุลที่สามารถแสดงผลบนบราว์เซอร์ได้ เช่น.jpg , .jpe ) เป็นต้น
7. BGCOLOR เป็นAttribute ที่ใช้กำหนดสีพื้นให้กับตาราง โดยสามารถ ใส่เป็นรหัสสี เช่น#FF0000 หรือชื่อของสี เช่น REDก็ได้ มีรูปแบบการใช้งานคือ <TABLE BGCOLOR="#FF0000"> หรือ <TABLE BGCOLOR="RED">
8. BORDERCOLOR เป็นAttribute ที่ใช้กำหนดสีของกรอบทั้งหมด โดยสามารถ ใส่เป็นรหัสสี เช่น#FF0000 หรือชื่อของสี เช่น REDก็ได้ มีรูปแบบการใช้งานคือ <TABLE BORDERCOLOR="#00FF00">

9. BORDERCOLORLIGHT เป็นAttribute ที่ใช้กำหนดสีของกรอบในส่วนด้านหน้าของตาราง มีรูปแบบการใช้งานคือ <TABLE BORDERCOLORLIGHT ="#00FF00">
10. BORDERCOLORDRAK เป็นAttribute ที่ใช้กำหนดสีของกรอบในส่วนด้านหลังที่เป็นเงา มีรูปแบบการใช้งานคือ <TABLE BORDERCOLORDRAK="#00FF00">

รูปแบบโค้ด

<TABLE>//TAG เริ่มต้น
<TR>//แถว
<TD>....</TD><TD>....</TD> //Column ของตาราง
</TR>
</TABLE> //TAG สิ้นสุดตาราง

รูปแบบโค้ดดังตัวอย่าง

<TABLE WIDTH="400" ALIGN ="center" BORDER="3" BORDERCOLORLIGHT ="#0000FF" BORDERCOLORDRAK="#000080">
<TR bgcolor="#FFFF33">
<TD>1</TD>
<TD>2.</TD>
</TR>
<TR bgcolor="#FFFF33">
<TD>3</TD>
<TD>4</TD>
</TR>
</TABLE>


ตัวอย่างจากเว็บ
www.th2.net

คุณอาจสนใจ
วิธีแก้ปัญหา Drive A จำข้อมูลเก่า
เว็บไทยดีดี (14,171 - 08 ก.ย. 50)
แฟลชไดรฟ์กับ Windows 98
เว็บไทยดีดี (15,439 - 22 ก.ย. 50)
การใช้คำสั่งDLookUpสำหรับหาข้อมูล
นายจืด (29,380 - 10 เม.ย. 51)
รวม Virus สายพันธ์ใหม่ มากับ Handy Drive
เว็บไทยดีดี (23,912 - 25 ส.ค. 50)
การเลือกใช้แถบเครื่องมือ HyperLink ให้ใช้งานได้แบบ Dreamweaver
Mr.GuruZ (22,900 - 22 มี.ค. 51)
การทำ Login แบบจดจำค่า Cookie
Zerohate (71,723 - 18 ส.ค. 50)
วิธีการเขียนซีดีให้มีไอคอนแปลก ๆ
เว็บไทยดีดี (15,386 - 29 ก.ย. 50)
การทำ Poll ตอนที่ 2 (สร้างไฟล์ Config เชื่อมต่อฐานข้อมูล)
Mr.GuruZ (34,248 - 03 มิ.ย. 49)