ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 12 HTML Tables
HTML Tables คือการสร้างตาราง ในเอกสาร html
   - เราสามารถสร้างตาราง ด้วยแท็ก table
ตารางจะแบ่งออกเป็นแถวๆ (ใช้แท็ก tr) และแต่ละแถวจะแบ่งออกเป็นเซลล์ (ใช้แท็ก td)
td ย่อมาจาก table data ซึ่งจะเก็บข้อมูลของแต่ละเซลล์ โดยแต่ละเซลล์สามารถใส่ข้อความ, รูปภาพ, แบบฟอร์ม, รายการ หรือ ตารางอื่น ๆ ก็ได้
  - แอตทริบิวต์ border ในแท็ก table คือส่วนที่ใช้กำหนดเส้นขอบตาราง โดยใส่เป็นค่าตัวเลข ในส่วนนี้อาจไม่กำหนดก็ได้ หากว่าเราต้องการให้ตารางไม่มีเส้นขอบ
  - เราสามารถกำหนดหัวตารางโดยใช้แท็ก th
เว็บเบราว์เซอร์ส่วนมากจะแสดงผลข้อความในแท็ก th เป็นตัวหนาและจัดกึ่งกลางเซลล์

<html>
<body>

<table border="15">
  <tr>
    <th>วัน</th>
    <th>สิ่งที่ทำ</th>
  </tr>
  <tr>
    <td>จันทร์</td>
    <td>ทำงาน</td>
  </tr>
  <tr>
    <td>อาทิตย์</td>
    <td>พักผ่อน</td>
  </tr>
</table>

</body>
</html>

ผลลัพธ์ที่ได้คือ

Tag ต่างๆที่ใช้ในการสร้างตาราง

<table> กำหนดตาราง
<th> กำหนดหัวตาราง
<tr> กำหนดแถวของตาราง
<td> กำหนดเซลล์ของตาราง
<caption> กำหนดชื่อตาราง
<colgroup> กำหนดกลุ่มของคอลั่มในตาราง (สำหรับการจัดรูปแบบ)
<col /> กำหนดแอตทริบิวต์ values สำหรับคอลั่มในตาราง(อาจจะเป็นคอลั่มเดียวหรือมากกว่า)
<thead> กลุ่มของเนื้อหาหัวตารางในตาราง
<tbody> กลุ่มของเนื้อหาส่วนตัวของตาราง
<tfoot> กลุ่มของเนื้อหาท้ายตาราง




กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ไม่สามารถตั้งค่าแจ้งเตื่อนจากmindphp เข้าเมลล์ได้
โดย Jiratchaya ศ 15 ม.ค. 2021 1:34 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
9
ศ 15 ม.ค. 2021 1:52 pm โดย thatsawan
สอบถามติดตั้ง phpbb 3.1 ขึ้น error /vendor/twig/twig/lib/Twig/Extension/Core.php
โดย eange08 พฤ 14 ม.ค. 2021 6:48 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
4
20
ศ 15 ม.ค. 2021 10:22 am โดย eange08
กด download แล้วไม่ไปหน้าที่เราจะทำ download ไฟล์
โดย eange08 พ 13 ม.ค. 2021 7:14 pm บอร์ด JavaScript & Jquery Ajax
1
23
พฤ 14 ม.ค. 2021 4:53 pm โดย eange08
คำศัพท์ที่เกี่ยวข้องกับระบบ ERP
โดย Kannaphat พ 13 ม.ค. 2021 6:56 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
15
พ 13 ม.ค. 2021 6:56 pm โดย Kannaphat
ขอสอบถามแนวทางเขียน code python ในส่วนนี้หน่อยครับ
โดย chakirin.bfds พ 13 ม.ค. 2021 5:16 pm บอร์ด Programming - C/C++ & java & Python
3
35
พ 13 ม.ค. 2021 5:41 pm โดย mindphp
ประเภท BOM Type มีอะไรบ้าง
โดย Jiratchaya พ 13 ม.ค. 2021 4:27 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
21
พ 13 ม.ค. 2021 4:27 pm โดย Jiratchaya
โครงสร้างของ Finished Goods (FG) มีอะไรบ้าง
โดย Jiratchaya พ 13 ม.ค. 2021 3:55 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
15
พ 13 ม.ค. 2021 3:55 pm โดย Jiratchaya
อัพเดทล่าสุด Joomla 3.9.24 เพิ่มความปลอดภัยและปรับปรุงระบบสู่ PHP 8
โดย tsukasaz พ 13 ม.ค. 2021 11:46 am บอร์ด MindPHP News & Feedback
0
16
พ 13 ม.ค. 2021 11:46 am โดย tsukasaz