ตาราง

ชื่อบท ตาราง รหัสบทเรียน WD12 รายวิชาหลกั การออกแบบเวบ็as How to : 1.Dowload Aurusma App 2.Scan QR code with “Line”or search “Aummee2541” 3.Scan Picture

วตั ถุประสงค์ของการเรียนรู้1.เพื่อใหเ้ ขา้ ใจเน้ือหาและรู้จกั โครงสร้างตารางในการออกแบบเวบ็ ไซต์2.เพ่ือใหม้ ีทกั ษะในการออกแบบเวบ็ ไซต์ ในเรื่องตาราง3.เพ่ือเป็นประโยชน์ของผทู้ ี่กาลงั ศึกษาในเร่ืองน้ี

สารบญั หนา้ 1เร่ือง 21.คาสงั่ หลกั ท่ีใชใ้ นการสร้างตารางของภาษา HTML 2 22.คาสงั่ ต่างๆ ท่ีใชใ้ นการตกแต่งตารางของภาษา HTML 3 2.1. คาสงั่ BORDER 3 2.2 คำสง่ั ALIGN 2.3 คาสง่ั WIDTH 3 2.4 คาสง่ั HEIGHT 3 2.5 คาสงั่ BGCOLOR 4 2.6 คาสง่ั CELLSPACING 4 2.7 คาสงั่ CELLPADDING 2.8 คาสง่ั COLSPAN และ ROWSPAN

1ตาราง (TABLE)1. คาส่ังหลกั ท่ใี ช้ในการสร้างตารางของภาษา HTML มดี งั นี้ <TABLE>...........</TABLE> เป็นคาสงั่ ท่ีกาหนดใหโ้ ปรแกรมบราวเ์ ซอร์สร้างตาราง <CAPTION>...........</CAPTION> เป็นคาสง่ั ท่ีใชต้ ้งั ช่ือหรือหวั ขอ้ เร่ืองใหก้ บั ตาราง <TR>...........</TR> เป็นคาสง่ั ที่ใชก้ าหนดแถว (ROW) <TH>...........</TH> เป็นคาสงั่ ท่ีใชใ้ นการกาหนดขอ้ มูลส่วนหวั ของตาราง <TD>...........</TD> เป็นคาสงั่ ที่ใชใ้ นการกาหนดขอ้ มูลในแต่ละแถว

22.คาสั่งต่างๆ ทีใ่ ช้ในการตกแต่งตารางของภาษา HTML 2.1 คาส่ัง BORDER ใชก้ าหนดความหนาใหก้ บั เสน้ ขอบของตาราง มีหน่วยเป็น Pixel ถา้ ไม่ใส่คาสง่ั น้ีไวด้ ว้ ย BORDER กจ็ ะมีคา่ เท่ากบั 1 ซ่ึงเป็นค่าปกตอ คือจะไม่เห็นเสน้ ขอบของ ตาราง 2.2 คาสั่ง ALIGN ใชก้ าหนดตาแหน่งการจดั วางตาราง มี 3 รูปแบบ

32.3 คาส่ัง WIDTH ใชก้ าหนดความกวา้ งของตารางท้งั หมด มีหน่วยเป็น Pixel หรือ เปอร์เซ็นตก์ ไ็ ด้2.4 คาส่ัง HEIGHT ใชก้ าหนดความสูงของตารางท้งั หมด มีหน่วยเป็นPixel หรือ เปอร์เซ็นตก์ ไ็ ด้Internet Explorer2.5 คาสั่ง BGCOLOR เป็นคาสงั่ ท่ีใชใ้ นการกาหนดสีพ้ืนหลงั ของตารางใชไ้ ดก้ บั เวบ็ เบราวเ์ ซอร์2.6 คาสั่ง CELLSPACING ใชก้ าหนดระยะห่างระหวา่ งช่องแต่ละช่องในตาราง โดยการเพิ่มขนาดหรือลดขนาดตามความหนาของเสน้ ขอบตาราง

42.7คาส่ัง CELLPADDING ใชก้ าหนดระยะห่างระหวา่ งบรรทดั ของตาราง โดยการเพ่ิมขนาดหรือลดขนาดตามความสูงของเสน้ ขอบตาราง2.8 คาส่ัง COLSPAN และ ROWSPAN คาสงั่ <TD COLSPAN> เป็นคาสงั่ ในการรวมคอลมั นเ์ ขา้ ดว้ ยกนั ตามคา่ ของ จานวน คอลมั นท์ ่ีกาหนดไว้ คาสงั่ <TD ROWSPAN> เป็นคาสง่ั ในการรวมแถวเขา้ ดว้ ยกนั ตามคา่ ของจานวน แถวท่ีกาหนดไว้

แบบฝึ กหัด• https://docs.google.com/forms/d/e/1FAIp QLSe2qlhBGr_2PlUCwCyXNb6fojlLNQTtvy BSTefARwBUlO5H9g/viewform?usp=sf_lin k

อ้างองิรูปภาพและเน้ือหาจากhttps://sites.google.com/site/cirayus/sux-kar-reiyn-ru/kar-srang-tarang

ตาราง WD12 ศักรภพ บัวแย้ม 60123468046