วันอังคารที่ 14 สิงหาคม พ.ศ. 2555

Work 4

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

     การแทรกภาพ (Image) : ภาพที่จะใช้แสดงในเว็บเพจ นิยมใช้ภาพที่มีชื่อสกุลของภาพเป็น .JPG หรือ .GIF เพราะเป็นไฟล์ภาพที่มีขนาดเล็ก สามารถแสดงผลได้รวดเร็ว

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

Code : <IMG SRC = "ชื่อไฟล์รูปภาพ . นามสกุลไฟล์รูปภาพ">

ตัวอย่างเช่น

 โค้ด 
ผลลัพท์

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

Code :   <IMG SRC  ="ชื่อไฟล์ที่รูปอยู่ / ชื่อไฟล์รูปภาพ . นามสกุลไฟล์รูปภาพ">

ตัวอย่างเช่น
โค้ด
ผลลัพท์

     การปรับขนาดรูปภาพ : ในการแทรกภาพเข้าสู่เอกสาร html นั้นขนาดของภาพอาจไม่ตรงตามที่เราต้องการ ซึ่ง html มีคำสั่งสำหรับปรับขนาดภาพโดยนำ width(ความกว้าง)="ขนาดที่ต้องการ" height(ความสูง)="ขนาดที่ต้องการ" ไปต่อท้ายชื่อภาพภายในคำสั่งแสดงภาพ แล้วปรับขนาดภาพตามต้องการ

Code : <IMG SRC ="ชื่อไฟล์รูปภาพ.นามสกุลไฟล์รูปภาพ" Width =(ขนาดความกว้าง)
Height=(ขนาดความสูง)>

ตัวอย่างเช่น
โค้ด
ผลลัพท์


โค้ด 
ผลลัพท์



















     การจัดตำแหน่งรูปภาพ

การจัดรูปภาพแบบกึ่งกลาง  
 Code : <CENTER><IMG SRC = " ชื่อไฟล์รูปภาพ.นามสกุลไฟล์รูปภาพ "></CENTER>

ตัวอย่างเช่น 

โค้ด
ผลลัพท์
การจัดรูปแบบชิดซ้าย
Code : <LEFT><IMG SRC = " ชื่อไฟล์รูปภาพ.นามสกุลไฟล์รูปภาพ "></LEFT>

ตัวอย่างเช่น
โค้ด
ผลลัพท์
การจัดรูปแบบชิดขวา
Code : <p align = right><img src = "Gdra.jpg"><p>


ตัวอย่างเช่น
โค้ด
ผลลัพท์









วันที่ 19 สิงหาคม 2555 (:


ไม่มีความคิดเห็น:

แสดงความคิดเห็น