[..กลับไปหน้าหลัก..]
หน่วยการเรียนที่ 1 ความรู้พื้นฐานทาง HTML
หน่วยการเรียนที่ 2 การจัดรูปแบบตัวอักษร
หน่วยการเรียนที่ 7 การสร้างตาราง
6.4 ความกว้าง ความสูงของตาราง
การกำหนดความกว้าง ความสูงของตารางจะใช้ attribute height สำหรับกำหนดความสูง และ width สำหรับกำหนดความกว้าง เพื่อกำหนดขนาดของตารางที่จะนำเสนอ และเพื่อช่วยจัดหน้าเอกสาร HTML เป็นระเบียบ ดังนี้
<table width="ความกว้าง (เป็นพิกเซลหรือเปอร์เซ็น)" height ="ความสูง (เป็นพิกเซลหรือเปอร์เซ็น)">
ทดสอบการกำหนดความกว้าง ความสูงของตาราง
<html> <head> <title>การโฮมเพจด้วยภาษา HTML:การสร้างตาราง </title> </head> <body> <p align="center">สถานที่สำคัญในมหาวิทยาลัยเกษตรศาสตร์</p> <table border="2" cellpadding="1" cellspacing="1" bordercolor="#008000" width="100%" height="50"> <tr> <td width="50%"><a href="ku1.gif"><img src="ku1.gif" width="241" height="163"></a> <a href="ku2.gif"><img src="ku2.gif" width="144" height="219"></a></td> <td width="50%"><a href="ku3.gif"><img src="ku3.gif" width="305" height="202"></a></td> </tr> </table><br>กำหนดความกว้างตาราง =100% ความกว้าง 50 </body> </html>
หมายเหตุ ใน tag คำสั่ง ไม่ต้องใส่ เครื่องหมาย "...." ก็ได้
กลับไปหน้าแรก I แนะนำรายวิชา I วิธีการเรียน I เนื้อหาบทเรียน I แบบฝึกหัด I ติดต่อผู้สอน
[..กลับไปหน้าหลัก..]
