Code เกี่ยวกับการแทรกรูปภาพ

1. ใส่รูปภาพอย่างเดียว

<img src="XXX" "border=0">



2. ใส่รูปภาพพร้อมคำพูด
เมื่อนำเม้าส์ไปวางบนรูปจะมีข้อความปรากฎขึ้น

<img src="XXX" alt="ข้อความ">



3. ถ้าต้องการจัดตำแหน่งจัดกลางให้กับรูปภาพ
ให้ใส่คำสั่ง <center>.......</center> คร่อมลงไป

<center><img src="XXX" border=0></center>



4. ถ้าต้องการกำหนดความสูง และ กว้างของภาพ
ให้ใส่คำสั่งกำกับเพิ่ม

<img src=XXX border= XX height=XX width= XX>


คำอธิบาย

XXX แทนที่ด้วย url ของภาพ
ข้อความ = ข้อความที่ต้องการทำเป็นตัวเชื่อมโยง
border=XX ขนาดขอบของรูปภาพ แทนที่ด้วยตัวเลข
height=XX ความสูงของภาพ แทนที่ด้วยตัวเลข
width=XX ความกว้างของภาพ แทนที่ด้วยตัวเลข
(ถ้าไม่กำหนดหน่วยจะถือเป็น pixel)

ขนาดพิกเซลของภาพสามารถดูได้จากการคลิ๊กขวาที่ภาพ
แล้วเลือก Properties เหมือนตอนเราดู url ของภาพน่ะค่ะ
จะมี Size บอกขนาด(ความจุ)ของภาพ เป็น kb.
และ Dimensions บอกขนาดของภาพเป็นพิกเซลด้วย เช่น กว้าง X สูง pixels

Create Date : 13 ธันวาคม 2552
Last Update : 13 ธันวาคม 2552 21:22:37 น.		1 comments
Counter : 181 Pageviews.
Share Tweet