ทำแบบทดสอบก่อนเรียน
การออกแบบเว็บไซต์
ภาษา html
การจัดรูปแบบเอกสาร
การจัดรูปแบบตัวอักษร
การใส่รูปภาพลงในเว็บเพจ
การสร้างตาราง
การเชื่อมโยงเว็บเพจ
การใส่ไฟล์มัลติมีเดีย
แบบทดสอบหลังเรียน


4.3  การใส่สีให้กับเซลล์
       เราสามารถใส่สีให้กับเซลล์ในตารางได้โดยระบุคำสั่งbgcolor ลงในแท็กต่างๆ ดังนี้

<td> เพื่อใส่สีให้กับเซลล์
<th> เพื่อใส่สีให้กับเซลล์หัวเรื่อง
<tr> เพื่อใส่สีให้กับเซลล์ในแถวนั้นทั้งแถว

       ซึ่งหากไม่มีการระบุคำสั่ง bgcolor จะได้พื้นเซลล์เป็นสีขาว

รูปแบบ

<td bgcolor ="สี">

โดยที่     สี     อาจระบุเป็นชื่อสีมาตรฐานหรือตัวเลขรหัสสีก็ได้

ตัวอย่างการใส่สีให้กับเซลล์

<!DOCTYPE html>
<html>
<head>
<title> table tag </title>
</head>
<body>
<table width="600" border="1" cellspacing="5" cellpadding="2">
<tr>
          <th colspan="4" bgcolor="red" align="center"><h3>หนังสือดีมีคุณภาพ </h3></th>
</tr>
<tr bgcolor="yellow">
<th bgcolor="cyan" rowspan="4"><b>หลักสูตรใหม่</b></th>
          <th align="center">ชื่อหนังสือ</th>
          <th align="center">ผู้เขียน</th>
          <th align="center">ราคาปก</th>
</tr>
<tr>
          <td>คณิตศาสตร์คอมพิวเตอร์</td>
          <td>สิทธิชัย ประสานวงศ์</td>
          <td align="right">75</td>
</tr>
<tr>
          <td>โปรแกรมตารางการคำนวณ</td>
          <td>สิทธิชัย ประสานวงศ์</td>
          <td align="right">95</td>
</tr>
<tr>
          <td>โปรแกรมกราฟิก</td>
          <td>สิทธิชัย ประสานวงศ์</td>
          <td align="right">140</td>
</tr>
</table>

</body>
</html>

ผลที่ได้บนเบราว์เซอร์