ให้เรตสมาชิก: 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> กลุ่มของเนื้อหาท้ายตาราง




กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การแก้บัคอย่างรวดเร็ว (Joke)
โดย noppadonsk อ 17 มี.ค. 2020 5:04 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
497
อ 17 มี.ค. 2020 5:04 pm โดย noppadonsk
ประชุมออนไลน์ง่ายๆด้วยการใช้โปรแกรม VSee - โปรแกรมสำหรับ Video Conference
โดย chatee supasand อ 17 มี.ค. 2020 2:24 pm บอร์ด Share Knowledge
0
693
อ 17 มี.ค. 2020 2:24 pm โดย chatee supasand
วิธีการแปลง ข้อมมูล วันที่จาก Excel เพื่อบันทึกลงในฐานข้อมูล
โดย Ittichai_chupol จ 16 มี.ค. 2020 11:43 am บอร์ด PHP Knowledge
0
420
จ 16 มี.ค. 2020 11:43 am โดย Ittichai_chupol
ปัญหา pg_dump: server version: 9.5.19; pg_dump version: 9.3.24
โดย mindphp จ 16 มี.ค. 2020 1:48 am บอร์ด SQL - Database
1
587
จ 16 มี.ค. 2020 1:59 am โดย mindphp
ใครอัพเกรด Joomla แล้วเจอ ปัญหานี้ Duplicate entry 'admin' for key 2 แก้แบบนี้นะ
โดย mindphp ศ 13 มี.ค. 2020 8:43 pm บอร์ด Joomla Development
0
3723
ศ 13 มี.ค. 2020 8:43 pm โดย mindphp
ต้องการ update ข้อมูล 2 ตารางค่ะ
โดย Aspire3628 ศ 13 มี.ค. 2020 6:04 pm บอร์ด SQL - Database
0
418
ศ 13 มี.ค. 2020 6:04 pm โดย Aspire3628
ขอคำแนะนำ Update ข้อมูลจาก 2 Table
โดย Anonymous ศ 13 มี.ค. 2020 5:47 pm บอร์ด SQL - Database
0
819
ศ 13 มี.ค. 2020 5:47 pm โดย บุคคลทั่วไป
วิธีการการสร้าง listbox สำหรับเลือกรายการแล้วทำการช่องกรอกตามรายการที่กำหนด
โดย Ittichai_chupol ศ 13 มี.ค. 2020 3:00 pm บอร์ด Jquery & Ajax Knowledge
0
4715
ศ 13 มี.ค. 2020 3:00 pm โดย Ittichai_chupol
จริงหรือไม่ในมะพร้าวมีฮอร์โมนเพศหญิงกับชายอยู่
โดย Anonymous ศ 13 มี.ค. 2020 1:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
349
ศ 13 มี.ค. 2020 1:14 pm โดย บุคคลทั่วไป
ดีใจจริงๆ
โดย noppadonsk ศ 13 มี.ค. 2020 12:33 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
1183
อ 15 มี.ค. 2020 10:50 am โดย kreemza123
ความจริงที่โหดร้ายของ Editor
โดย noppadonsk พฤ 12 มี.ค. 2020 3:29 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
381
พฤ 12 มี.ค. 2020 3:29 pm โดย noppadonsk
ขออนุญาตสอบถาม เรื่อง Query ค้นหาข้อมูลครับ
โดย 9kitti พฤ 12 มี.ค. 2020 3:03 pm บอร์ด SQL - Database
2
2098
ศ 13 มี.ค. 2020 10:17 am โดย 9kitti
มันมาโดยไม่รู้ตัว
โดย noppadonsk พ 11 มี.ค. 2020 5:42 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
337
พ 11 มี.ค. 2020 5:42 pm โดย noppadonsk
มาแล้ว! Joomla 3.9.16 อัพเดทด่วน ปรับปรุงเรื่องความปลอดภัยกว่า 6 จุด
โดย tsukasaz พ 11 มี.ค. 2020 11:13 am บอร์ด MindPHP News & Feedback
0
807
พ 11 มี.ค. 2020 11:13 am โดย tsukasaz
ของขวัญจากซานต้า
โดย noppadonsk อ 10 มี.ค. 2020 3:05 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
376
อ 10 มี.ค. 2020 3:05 pm โดย noppadonsk
ถึงเวลาที่ต้องเลือกแล้วนีโอ!
โดย noppadonsk จ 09 มี.ค. 2020 6:35 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
524
จ 09 มี.ค. 2020 6:35 pm โดย noppadonsk
อยากทราบว่าปรับขนาด listbox
โดย Ittichai_chupol จ 09 มี.ค. 2020 5:07 pm บอร์ด HTML CSS
1
680
จ 09 มี.ค. 2020 5:08 pm โดย Ittichai_chupol
ความเจ็บนี้ไม่มีเสียง
โดย noppadonsk ศ 06 มี.ค. 2020 4:49 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
793
ศ 06 มี.ค. 2020 4:49 pm โดย noppadonsk
การเก็บ log เมื่อมีการ แยก รวม ที่ดิน
โดย blackbullx16 ศ 06 มี.ค. 2020 4:47 pm บอร์ด SQL - Database
4
1179
ศ 27 มี.ค. 2020 4:11 pm โดย blackbullx16
วิธีการการเขียน css เพื่อปรีบความกว้างในการสแดงประโยค
โดย Ittichai_chupol ศ 06 มี.ค. 2020 1:40 pm บอร์ด CSS Knowledge
0
409
ศ 06 มี.ค. 2020 1:40 pm โดย Ittichai_chupol