สำหรับคนเขียนเว็บด้วยภาษา HTML

เวลาเราต้องการใส่รูปภาพบนเว็บของเรา ก็เพียงใส่แท็ก <img src = photo.jpg> แค่นี้เราก็สามารถใส่รูปภาพได้แล้ว แต่อย่างไรก็ตาม รูปภาพของเราก็จะแสดงบนบรรทัดเดียวกับข้อความ และดูไม่ค่อยสวยงามเท่าไหร่ ถ้าจะให้ดี แนะนำให้มีข้อความล้อมรอบรูปภาพจะสวยกว่ากันเยอะเลย

คำสั่งทีทำให้ภาพถูกล้อมรอบด้วยข้อความ


<img src = "photo.jpg" hspace="5" vspace="5" align="left">

แค่เติมคำสั่งที่แสดงสีเป็นสีส้ม เท่านั้น ข้อความก็จะไหลไปตามภาพ ดูสวยงาม ส่วนตัวเลขที่เห็นเป็นการบอกว่าจะให้มีช่องว่างจากข้อความและรูปภาพเท่าไหร่ และท้ายสุดมีคำสั่ง Left และ Right เพื่อบอกว่า จะให้รูปตั้งต้นแสดงที่ด้านซ้าย หรือขวามือ

ถ้าจะให้เห็นผลและเข้าใจคำสั่งมากขึ้น แนะนำให้ลองทดสอบดูกันได้เลยครับ


Menu