GRAPHICS - html
aggressivefree

การจัดวางรูปภาพนั้น เราควรทำ file ให้ เล็ก และยังคงหลงเหลือความคมชัดอยู่ รูปที่กำหนด ส่วนใหญ่จะเป็น file .jpg หรือ .gif

๑.การเรียกรูปภาพ

คำสั่งคือ <img src="ไฟล์รูปภาพ">
เช่น ไฟล์รูปภาพเราชื่อ gus.jpg
<img src="gus.jpg"> ไม่ต้องมีปิดคำสั่ง ผลที่ได้คือ



๒.การจัดวาง รูปภาพ

ถ้าต้องการให้รูปอยู่ตรงกลาง โดยเราสามารถใช้คำสั่ง ดังนี้คือ
<center> อันนี้คำสั่งจะเหมือน font เรย โดยกำหนดไว้หน้า <img src>
เช่น <center><img src="gus.jpg"></center>
ผลที่ได้คือ

และรูปอยู่ ริมขวา ใช้คำสั่ง
<p align="right"> กำหนดไว้หน้า <img src>
เช่น <p align="right"><img src="gus.jpg"></p>
ผลที่ได้คือ



๓.การ หด และ ขยาย รูปภาพ

คำสั่งคือ เติม width และ heigh เข้าไปใน <img ตรงนี้ แล้วค่อยตามด้วย src="ชื่อไฟล์"> โดย width คือ กว้าง และ heigh คือ สูง
เช่น <img width="50"heigh="20" src="gus.jpg">
ผลที่ได้คือ


เราสามารถกำหนดได้ตามต้องการ สังเกต รูปข้างบนว่ามีขนาดเปลี่ยนไป แต่ไม่ค่อยแนะนำ เพราะ บางรูปจะช้า ถ้าไปกำหนด ขนาดมัน เพราะฉะนั้น ควร ทำรูปให้พอดีก่อน 1