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

wave
มานพ กองอุ่น 10 เม.ย. 2016 11:53:41 8,389

รูปภาพในเว็บเพจจะแยกเก็บไว้ข้างนอกเว็บเพจซึ่งการใช้งานนั้นจะลิ้งค์เข้ามาสู่หน้าเว็บเพจโดยมี Tag เฉพาะทำให้เว็บเพจมีความสวยงามมากยิ่งขึ้น
รูปแบบการใช้งาน

<IMG SRC= “image_name"  ALT= "alt" ALIGN= 
“top/middle/bottom/left/center/right" WIDTH= “width" HEIGHT=
“height" HSPACE= “hspace" VSPACE= “vspace" BORDER= “border" > 

image_name : ชื่อไฟล์รูปภาพ .jpg / .jpeg / .gif  
              รูปแบบ  /path/file_name.extention
alt : ข้อความอธิบาย
top/middle/bottom : กำหนดข้อความที่อยู่ด้านข้างชิดขอบบน / กลาง / ล่าง / ซ้าย / กลาง / ขวา
width : ความกว้างของรูป
height : ความสูงของรูป
hspace : ระยะห่างจากขอบด้านข้าง
vspace : ระยะห่างจากขอบด้านบน
border : ความหนาของกรอบรูปภาพ


ตัวอย่าง ex12.html

<html>
<head>
<title>image</title>
</head>
<body>
		<img src= “exclam.gif" alt= “เมื่อเอาเมาส์มา Over" align= “center" width= “300" height= “300" hspace= “2" vspace= “2" border= “0"> 
</body>
</html>

ผลลัพธ์



 


ความคิดเห็น

หากบทเรียนรู้มีความผิดพลาดประการใด หรือมีข้อเสนอแนะกรุณาแจ้ง contact@programmerthailand.com

เขียนบทเรียนรู้ของคุณ

รายละเอียด
  • ดู 8,389
  • รักเลย 0
  • หมวดหมู่ HTML
  • เขียนเมื่อ
  • แก้ไขเมื่อ
  • Tags html html5
ข้อมูลผู้เขียน
มานพ กองอุ่น

มานพ กองอุ่น

เป็นสมาชิกเมื่อ: 18 ธ.ค. 2009