วันเสาร์ที่ 25 สิงหาคม พ.ศ. 2555

การสร้างตาราง

    ในการสร้างตารางนั้น ในเบื้องต้นต้องใช้คำสั่งหรือแท็กดังต่อไปนี้ 
<table>...</table>    เป็นการบอกจุดเิ่ริ่มต้นและจุดสิ้นสุดในการสร้างตาราง
<tr>....</tr>             เป็นการบอกจำนวนแถว (row)
<td>...</td>             เป็นการบอกจำนวนคอลัมน์ (colunm) 

    การกำหนดความกว้างและความสูงให้กับตารางโดยใช้แอททริบิวต์ width และ height ซึ่งสามารถกำหนดได้ 2 รูปแบบดังนี้

1.คำสั่งWIDTH ใช้กำหนดความกว้างของตารางทั้งหมด มีหน่วยเป็น Pixelหรือเปอร์เซ็นต์ก็ได้
2.คำสั่งHEIGHT ใช้กำหนดความสูงของตารางทั้งหมด มีหน่วยเป็น Pixelหรือเปอร์เซ็นต์ก็ได้

ตัวอย่างการใช้คำสั่ง WIDTH , HEIGHT,BGCOLOR


ผลลัพธ์ที่ได้

    
   คำสั่ง <TD  COLSPAN> เป็นคำสั่งในการรวมคอลัมน์เข้าด้วยกัน ตามค่าของจำนวนคอลัมน์ที่กำหนดไว้
รูปแบบคำสั่ง  <TD  COLSPAN = "Number">
ดยที่          - COLSPAN คือ แอตทริบิวต์ที่ใช้ในการกำหนดการรวมคอลัมน์ 
                Numberคือ ค่าตัวเลขที่ใช้ในการรวมคอลัมน์เข้าเป็นคอลัมน์เดี่ยวกัน

   คำสั่ง <TD  ROWSPAN> เป็นคำสั่งในการรวมแถวเข้าด้วยกัน ตามค่าของจำนวนแถวที่กำหนดไว้
รูปแบบคำสั่ง  <TD  ROWSPAN = "Number">
โดยที่         - ROWSPAN คือ แอตทริบิวต์ที่ใช้ในการกำหนดการรวมแถว 
                Number คือ ค่าตัวเลขที่ใช้ในการรวมแถวเข้าเป็นแถวเดียวกัน 
ตัวอย่าง code 


  
ผลลัพธ์ที่ไ้ด้



แหล่งที่มา:
25 สิงหาคม 2555

วันจันทร์ที่ 13 สิงหาคม พ.ศ. 2555

การแทรกรูปภาพ





รูปแบบโค้ดในการแทรกรูปภาพ



 ผลลัพธ์ที่ได้




กรณีที่ 1 รูปภาพอยู่ไฟล์เดียวกันกับไฟล์เว็บเพจ



ผลลัพธ์ที่ได้




กรณีที่ 2 รูปภาพอยู่คนละที่กับไฟล์เว็บเพจ





ผลลัพธ์ที่ได้




<IMG>เป็นการบอกให้รู้ว่านี่คือแท็กรูปภาพ
 
SRC="ชื่อไฟล์รูปภาพ"ชื่อของรูปภาพที่จะนำมาประกอบเว็บเพจ(ต้องระบุ)

WIDTH=200 กำหนดความสูงของรูปภาพ (Pixel) (ไม่ต้องกำหนดก็ได้)

HEIGHT=200 กำหนดขนาดความกว้างของรูปภาพ (Pixel) (ไม่ต้องกำหนดก็ได้)

ALIGN=การจัดวางตำแหน่งของรูปภาพแบบชิดซ้าย กึ่งกลาง ชิดขวา




 ผลลัพธ์ที่ได้




แหล่งที่มา:
http://www.tanti.ac.th/Com-tranning/html/page12.html
13 สิงหาคม 2555