Please enable JavaScript.

Coggle requires JavaScript to display documents.

การสร้างตาราง, สรุป …

- - - - การก าหนดขนาดของตารางให้ระวังการก าหนดความสูงของตาราง เนื่องจากความสูง
      - จะสัมพันธ์กับจ านวนบรรทัดของข้อมูล ไม่จ าเป็ นจะต้องจัดความสูงของตารางก็ได้ หรือถ้าก าหนด
      - ต้องระวังให้มีความสูงเหมาะสมกับจ านวนบรรทัดของข้อมูลด้วย
- - - - เป็นการนารูปภาพมาเป็นพ้ืนหลงัในตาราง โดยกา หนด ในแท็กเปิ ด <Table>
- - - - รูปแบบ
        
        <Table Border=“ค่าความหนาเส้นขอบ”> ... </Table>
        
        ค าอธิบาย
        
        <Table>…</Table> คา สั่งกา หนดขอบเขตของตารางที่สร้างข้ึน
        
        Border แอททริบิวต์ กา หนดค่าความหนาของเส้นขอบตาราง หาก
        
        กา หนดค่าตวัเลขยงิ่ มากเส้นขอบตารางยงิ่ หนาข้ึน
  - - - รูปแบบ
      - <Table Bordercolor=“รหัสสีหรือชื่อสี”> ... </Table>
      - คำอธิบาย
      - <Table>…</Table> คํา สั่งกํา หนดขอบเขตของตารางที่สร้างข้ึน
      - Bordercolor แอททริบิวต์ กา หนดสีเส้นตารางกา หนดเป็นรหสัค่าสีเช่น
      - 00FF57, #FF9634 หรือชื่อสีเช่น Red, Blue เป็นต้น
- - - -  การก าหนดขนาดเซลล์ในตาราง สามารถก าหนดได้ทั้งแท็ก <TH>…</TH> และ<TD>…</TD>ที่ต่างกันที่เซลล์นั้น ๆ เป็ นข้อความปกติ หรือหัวข้อเรื่องในตารางเท่านั้น
      -  การก าหนดขนาดเซลล์ในตารางควรใช้ กับการก าหนดความสูงของเซลล์เท่ านั้น
        
        (สามารถก าหนดเพียงเซลล์เดียว แต่มีผลกับเซลล์อื่นในบรรทัดเดียวกันได้) เพราะหากก าหนดความ
        
        กว้างของเซลล์เพียงแค่เซลล์ใดเซลล์หนึ่ง จะส่งผลให้ช่องในแนวคอลัมน์เดียวกันมีขนาดไม่เท่ากัน
        
        หรือต้องระบุความกว้างของทุกเซลล์ท าให้เสียเวลา ควรใช้แท็ก <Colgroup>แทน
      -  การก าหนดความสูงของเซลล์ในตาราง ในแต่ละบรรทัดควรพิจารณาให้เหมาะสมกับ
        ความสูงของภาพรวมของตาราง ไม่ควรก าหนดให้มีค่าขัดแย้งกัน
      - 4.2 การก าหนดความกว้างของคอลัมน
        
        เป็นการกา หนดความกวา้งของคอลมั น์ให้มีขนาดเท่ากนั ท้งัคอลมั น์ดว้ยแท็ก<Colgroup>โดยอยภู่ ายใตแ้ทก็ <Table> และอยนู่ อกแทก็ <Tr> โดยใหท้ า การกา หนดทีละคอลมั น์หรือทีละกลุ่มคอลัมน์

             สรุป                                                            
ตาราง เป็ นเครื่องมือในการน าเสนอข้อมูลในลักษณะข้อมูลที่มีปริมาณมาก น ามาสรุปความนา เสนอในรูปแบบเป็นแถวและคอลมั น์มีองคป์ ระกอบเกี่ยวกบั ตาราง มีดงัน้ี1. การสร้างตาราง ด้วยแท็ก <Table> … </Table> เพื่อระบุขอบเขตจุดเริ่มตน้และสิ้นสุดของตาราง สามารถกา หนดได้หลายตารางในเวบ็ เพจหน่ึง ๆ ในการสร้างมีองค์ประกอบที่ตอ้งกา หนด ดงัน้ี1.1 การต้งัชื่อตาราง ด้วยแท็ก <Caption>…</Caption> เพื่อระบุชื่อของตารางจะกา หนดหรือไม่ก็ได้จะมีทา ใหต้วัอกัษรมีความหนาและอยกู่ ่ึงกลางจอภาพ1.2 การกา หนดแถวในตารางกา หนดดว้ยแท็ก<TR>…</TR> เพื่อแสดงแถวในตารางจา นวนแทก็แต่ละคู่เท่ากบัจา นวนแถวที่แสดงในตาราง1.3 การกา หนดช่องในแถวในตาราง ดว้ยแทก็ <TH>…</TH> เพื่อป้อนข้อความที่เป็ นหัวตาราง หรือ แท็ก <TD>…</TD> เพื่อป้อนข้อมูลที่เป็ นข้อความปกติ2. การกา หนดเส้นขอบตารางกา หนดดว้ยแทก็ <Table Border>…</Table> เพื่อกา หนด2.1 เส้นขอบภายนอกตาราง ด้วยแท็ก <Table Frame>…</Table> สามารถระบุได้ขนาดเส้นขอบตาราง เพื่อแสดงเส้นตาราง