[..กลับไปหน้าหลัก..]
หน่วยการเรียนที่ 1 ความรู้พื้นฐานทาง HTML
หน่วยการเรียนที่ 2 การจัดรูปแบบตัวอักษร
หน่วยการเรียนที่ 7 การสร้างตาราง
6.5 เส้นตาราง
โดยทั่วไปแล้วข้อมูลในตารางจะถูกแบ่งออกเป็นส่วน ๆ อย่างชัดเจนโดยมีเส้นกรอบล้อมรอบแต่ละช่องข้อมูล แต่บางครั้งเพื่อความสวยงามแล้ว การออกแบบเว็บเพจอาจเลือกที่จะไม่แสดงเส้นกรอบได้ โดยเฉพาะในกรณีที่นักออกแบบให้ตารางเพื่อการตกแต่งเว็บ เพจ การกำหนดเส้นกรอบตาราง ทำได้โดยใช้ attribute ต่อไปนี้ต่อท้าย Tag <table attribute>
border= "ค่าตัวเลข" สำหรับแสดงเส้นกรอบตาราง
bordercolor="ค่าสี" สำหรับกำหนดสีของเสร้นกรอบตาราง
ทดสอบการกำหนดเส้นกรอบตาราง
<html> <head> <title>การโฮมเพจด้วยภาษา HTML:การสร้างตาราง </title> </head> <body> <p align="center"><b><font face="MS Sans Serif" color="#ff0000" size="5">===> สุนัข <===</font></b></p> <center> <table border="5" bordercolor="#1111ff" bgcolor="#FFFF00"> <tr> <td><img height="136" src="dogtitle.jpg" width="185"><p></td> <td><img src="dogbassett.jpg" width="170" height="200"></td> </tr> <tr> <td><img height="127" src="dogterrier.jpg" width="168"></td> <td><img height="179" src="dogretiever.jpg" width="170" border="0"></td> </tr> <tr> <td><img height="161" src="doggerman.jpg" width="185"></td> <td><img src="dogdalma.jpg" width="170" height="190"></td> </tr> </table> </center> <p align="center">ที่มา<a href="http://www.codetukyang.com/tiplearn/">http://www.codetukyang.com/tiplearn/</a></p> </body> </html>
หมายเหตุ ใน tag คำสั่ง ไม่ต้องใส่ เครื่องหมาย "...." ก็ได้
กลับไปหน้าแรก I แนะนำรายวิชา I วิธีการเรียน I เนื้อหาบทเรียน I แบบฝึกหัด I ติดต่อผู้สอน
[..กลับไปหน้าหลัก..]
