[..กลับไปหน้าหลัก..]
หน่วยการเรียนที่ 1 ความรู้พื้นฐานทาง HTML
หน่วยการเรียนที่ 2 การจัดรูปแบบตัวอักษร
หน่วยการเรียนที่ 7 การสร้างตาราง
6.2 โครงสร้างตาราง
โครงสร้างตารางโดยทั่วไปจะประกอบไปด้วยแถว (Row) และคอลัมน์ (Column) โดยช่อง ข้อมูลที่อยู่ในแนวนอน คือ แถว และช่องข้อมูลที่อยู่ตรงกันในแนวตั้ง คือ คอลัมน์
โครงสร้างคำสั่งการสร้างตาราง คือ
<table> <tr> <td> ข้อมูลในช่องตาราง</td> <td> ข้อมูลในช่องตาราง</td> </tr>
<tr> <td> ข้อมูลในช่องตาราง</td> <td> ข้อมูลในช่องตาราง</td> </tr> </table>
ทดสอบคำสั่งการสร้างตาราง
<html> <head> <title>โฮมเพจของข้าพเจ้า:การสร้างตาราง</title> </head> <body bgcolor=#cc99ff>กำหนดตาราง ความกว้าง 80% เส้นตาราง =1 <br>ตาราง 3 แถว 3 คอลัมม์ <table border="1"bordercolor="#111111" width="80%"> <tr> <td width="33%">แถวที่ 1 คอลัมม์ที่ 1</td> <td width="33%">แถวที่ 1 คอลัมม์ที่ 2</td> <td width="34%">แถวที่ 1 คอลัมม์ที่ 3</td> </tr> <tr> <td width="33%">แถวที่ 2 คอลัมม์ที่ 1</td> <td width="33%">แถวที่ 2 คอลัมม์ที่ 2</td> <td width="34%">แถวที่ 2 คอลัมม์ที่ 3</td> </tr> <tr> <td width="33%">แถวที่ 3 คอลัมม์ที่ 1</td> <td width="33%">แถวที่ 3 คอลัมม์ที่ 2</td> <td width="34%">แถวที่ 3 คอลัมม์ที่ 3</td> </tr> </table> </body> </html>
กลับไปหน้าแรก I แนะนำรายวิชา I วิธีการเรียน I เนื้อหาบทเรียน I แบบฝึกหัด I ติดต่อผู้สอน
[..กลับไปหน้าหลัก..]
