เค้าโครงเนื้อหา  

  [..กลับไปหน้าหลัก..]

7.1 คำสั่งในการสร้างตาราง
7.2 โครงสร้างตาราง
7.3 การใส่ข้อความและรูปภาพในตาราง
7.4 ความกว้าง ความสูงของตาราง
7.5 เส้นตาราง
 
บทเรียน

หน่วยการเรียนที่ 1
ความรู้พื้นฐานทาง HTML

หน่วยการเรียนที่ 2
การจัดรูปแบบตัวอักษร

หน่วยการเรียนที่ 3
การจัดรูปแบบเอกสาร
หน่วยการเรียนที่ 4
การใส่รูปภาพ
หน่วยการเรียนที่ 5
การกำหนดพื้นหลัง
หน่วยการเรียนที่ 6
การเชื่อมโยงข้อมูล

หน่วยการเรียนที่ 7
การสร้างตาราง

หน่วยการเรียนที่ 8
การ Upload ข้อมูล

 

 
หน้าที่ 3/6
 back : next
 

6.3 การใส่ข้อความและรูปภาพในตาราง

ในการใส่ข้อความในตารางสามารถทำได้โดยพิมพ์ข้อความที่ต้องการลงในส่วนของแถวหรือคอลัมน์ ที่ต้องการ

ส่วนการใส่รูปภาพในตารางนั้น ทำได้โดยการนำเอา Tag <img src="file รูปภาพ"> วางในส่วนของตาราง โดยสามารถกำหนดคุณสมบัติต่าง ๆ เกี่ยวกับการวางรูปภาพได้

      ทดสอบการใส่ข้อความและรูปภาพในตาราง      

 
 

 

       นอกจากการนำข้อความหรือรูปภาพใส่ในตารางแล้ว ยังสามารถสร้างการเชื่อมโยง (link) ในตารางได้เช่นเดียวกัน โดยการนำเอา Tag คำสั่ง การเชื่อมโยง (link) <a href="...>ข้อความหรือรูปภาพ</a> วางครอบบริเวณข้อความหรือรูปภาพที่เราต้องการทำ link เช่น

      ทดสอบการ link ในตาราง

 
 

 

หมายเหตุ ใน tag คำสั่ง ไม่ต้องใส่ เครื่องหมาย  "...." ก็ได้

หน้าที่ 3/6
 back : next

กลับไปหน้าแรก I แนะนำรายวิชา I วิธีการเรียน I เนื้อหาบทเรียน I แบบฝึกหัด I ติดต่อผู้สอน