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




กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
R-mdsoft_purchases_order_print
โดย tatiya ศ 21 ก.ย. 2018 7:02 pm บอร์ด M065 - ตติยะ นาชัย
0
2
ศ 21 ก.ย. 2018 7:02 pm โดย tatiya
Logo ThailandHotel
โดย tai14 ศ 21 ก.ย. 2018 3:53 pm บอร์ด MT26 - นางสาวอัครยุภา ยงยุทธ
0
6
ศ 21 ก.ย. 2018 3:53 pm โดย tai14
Thaivi Web Upgrade List
โดย mindphp ศ 21 ก.ย. 2018 1:55 pm บอร์ด phpBB3 Project
0
3
ศ 21 ก.ย. 2018 1:55 pm โดย mindphp
R - mdsoft_ziri_invoice_print - ใบอินวอยซ์ (MT24)
โดย prakon ศ 21 ก.ย. 2018 10:15 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
8
ศ 21 ก.ย. 2018 7:05 pm โดย prakon
งานประจำวันที่ 21 กันยายน 2561
โดย prakon ศ 21 ก.ย. 2018 9:44 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
16
ศ 21 ก.ย. 2018 9:46 am โดย prakon
งานประจำวันที่ 21 กันยายน 2561
โดย Ittichai_chupol ศ 21 ก.ย. 2018 9:44 am บอร์ด M070 - อิทธิชัย ชูผล
1
12
ศ 21 ก.ย. 2018 6:29 pm โดย Ittichai_chupol
งานประจำวันที่ 21 กันยายน 2561
โดย muneela ศ 21 ก.ย. 2018 9:37 am บอร์ด M068 - มุนีลา หมัดบาซา
1
11
ศ 21 ก.ย. 2018 6:26 pm โดย muneela
งานประจำวันที่ 21 กันยายน 2561
โดย tatiya ศ 21 ก.ย. 2018 9:35 am บอร์ด M065 - ตติยะ นาชัย
0
1
ศ 21 ก.ย. 2018 9:35 am โดย tatiya
งานประจำวันที่ 21 กันยายน 2561
โดย pprn ศ 21 ก.ย. 2018 9:17 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
1
8
ศ 21 ก.ย. 2018 6:12 pm โดย pprn
งานประจำวันที่ 21 กันยายน 2561
โดย tai14 ศ 21 ก.ย. 2018 9:11 am บอร์ด MT26 - นางสาวอัครยุภา ยงยุทธ
1
6
ศ 21 ก.ย. 2018 6:18 pm โดย tai14
R - mod_jshopping_products_reviews โมดูลการรีวิวสินค้า
โดย pprn พฤ 20 ก.ย. 2018 6:58 pm บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
2
8
ศ 21 ก.ย. 2018 6:12 pm โดย pprn
phpbb ติดตั้งภาษาไทยไม่ได้
โดย Ittichai_chupol พฤ 20 ก.ย. 2018 6:52 pm บอร์ด Programming - PHP
3
35
ศ 21 ก.ย. 2018 11:09 am โดย Ittichai_chupol
R-mdsoft_create_generate_opening_entries
โดย tatiya พฤ 20 ก.ย. 2018 6:36 pm บอร์ด M065 - ตติยะ นาชัย
1
8
พฤ 20 ก.ย. 2018 9:42 pm โดย tatiya
R-mdsoft_change_product_type_stockable
โดย tatiya พฤ 20 ก.ย. 2018 6:32 pm บอร์ด M065 - ตติยะ นาชัย
1
8
พฤ 20 ก.ย. 2018 9:08 pm โดย tatiya
phpbb ubuntu ติดตั้งอย่างไร
โดย Ittichai_chupol พฤ 20 ก.ย. 2018 5:13 pm บอร์ด Programming - PHP
5
42
ศ 21 ก.ย. 2018 12:11 pm โดย ucasino88
แนะนำ จังหวัดจันทบุรี จากคำขวัญ ส่วนที่ 1
โดย Ittichai_chupol พฤ 20 ก.ย. 2018 4:17 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
20
พฤ 20 ก.ย. 2018 4:17 pm โดย Ittichai_chupol
อยากจะทราบว่า ทำอย่างไรให้สามารถ รัน php บน ubuntu
โดย Ittichai_chupol พฤ 20 ก.ย. 2018 4:10 pm บอร์ด Programming - PHP
0
18
พฤ 20 ก.ย. 2018 4:10 pm โดย Ittichai_chupol
บันทึกการรับสินค้า โดยการกรองราคาสินค้า พร้อมคำนวนต้นทุนเฉลีย php
โดย Ittichai_chupol พฤ 20 ก.ย. 2018 3:09 pm บอร์ด PHP Knowledge
0
21
พฤ 20 ก.ย. 2018 3:09 pm โดย Ittichai_chupol
php การตรวจสอบการชำระเงินค่าสินค้าเกินกำหนด
โดย Ittichai_chupol พฤ 20 ก.ย. 2018 1:56 pm บอร์ด PHP Knowledge
0
23
พฤ 20 ก.ย. 2018 1:56 pm โดย Ittichai_chupol
php function แปลงวันที่จากฐานข้อมูล เป็นวันที่ แบบไทย อย่างง่าย
โดย Ittichai_chupol พฤ 20 ก.ย. 2018 10:35 am บอร์ด Programming - PHP
0
21
พฤ 20 ก.ย. 2018 10:35 am โดย Ittichai_chupol