บทที่ 11 HTML images

   HTML images คือ การใส่รูปภาพในเอกสาร html

 1.ใส่รูปภาพแบบปกติ ไม่มีการกำหนดอะไร

<img src="/ใส่ URL ของภาพ" />

2.ในกรณีที่ต้องการใส่ชื่อภาพ ซึ่งอาจใช้เป็นข้อความสำรองในกรณีที่รูปภาพเกิดข้อผิดพลาดไม่สามารถแสดงผลบนหน้าเว็บเพจได้

<img src="/url" alt="ข้อความอธิบายภาพสำรอง"/>

3.ใส่ขนาดของภาพ

<img src="/URL ของภาพ" alt="ข้อความอธิบายภาพสำรอง" width="กรอกตัวเลขที่ต้องการ" height="กรอกตัวเลขที่ต้องการ"/>

โดยค่าตัวเลขที่กรอกมีหน่วยเป็น pixels
ตัวอย่าง

<html>
<body>

<img border="0" src="http://images.temppic.com/20-10-2012
/images_vertis/1350706157_0.24874200.jpg"
alt="coala" width="304" height="228">

</body>
</html>

ผลัพธ์ที่ได้คือ

***ในการใส่รูปภาพในเอกสาร html นี้การใส่ที่อยู่ URL สำคัญมาก เพราะถ้าที่อยู่ผิดรูปจะไม่แสดง
วิธีการหาที่อยู่ URL ของรูปภาพมี 2 วิธี ดังนี้
1.การเอารูปจากเว็บไซต์
- เปิดเว็บไซต์นั้นขึ้นมา หารูปที่ต้องการ
- คลิกขวาที่รูป เลือก view image info แล้ว copy ตัว URL ในส่วน location ให้หมด
- เมื่อได้ URL ก็เอาไปใส่ในโค็ด html ได้เลย
จะสังเกตุได้ว่า จะขึ้นด้วย http และจบด้วย นามสกุล .jpg หรือ .gif

2.การเอารูปภาพจากคอมของเราเอง
- หาเวปที่ให้บริการอัพโหลดรูป เช่น http://www.temppic.com
- ทำการอัพโหลดรูป พอเสร็จแล้วเราจะได้ URL

Tag ที่เกี่ยวข้อง

<img /> กำหนดรูปภาพ
<mapt> กำหนดแผนที่รูปภาพ
<area /> กำหนดพื้นที่ที่สามารถคลิ๊กได้ภายในแผนที่รูปภาพ
กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สอบถามครับ การทำให้โดเมน มีพาร์ท หรือ extension ตามหลัง ทำค
โดย CherdXXX ศ 01 ต.ค. 2010 10:20 am บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
741
ศ 01 ต.ค. 2010 10:22 am โดย mindphp View Topic สอบถามครับ การทำให้โดเมน  มีพาร์ท หรือ extension ตามหลัง ทำค
ได้ลองลง XAMPP แล้ว แต่มีปัญหา
โดย Songphan ศ 01 ต.ค. 2010 9:52 am บอร์ด Programming - PHP
9
1840
อ 21 พ.ย. 2010 4:20 pm โดย katha View Topic ได้ลองลง XAMPP แล้ว แต่มีปัญหา
Module แสดง กระทู้ล่าสุด ของ phpbb3 ใน Joomla 1.5 Recent Topic
โดย mindphp ส 15 พฤษภาคม 2010 1:23 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
1616
ส 15 พฤษภาคม 2010 1:23 am โดย mindphp View Topic Module แสดง กระทู้ล่าสุด ของ phpbb3 ใน Joomla 1.5 Recent Topic
ขอคำแนะนำ เรื่อง การตั้งค่าโดเมน ให้มี พาร์ท หรือ extension ตามหลังด้วยครับ
โดย CherdXXX ศ 01 ต.ค. 2010 3:39 am บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
17
2778
อ 03 ต.ค. 2010 11:31 pm โดย zoomsky View Topic ขอคำแนะนำ เรื่อง การตั้งค่าโดเมน ให้มี พาร์ท หรือ extension ตามหลังด้วยครับ
ค่า default คือ ค่าให้เป็นปัจจุบัน
โดย Anonymous พฤ 30 ก.ย. 2010 7:47 pm บอร์ด Programming - PHP
1
1837
ศ 01 ต.ค. 2010 9:50 am โดย mindphp View Topic ค่า default คือ ค่าให้เป็นปัจจุบัน
Install Apache บน XP แล้ว Error
โดย Songphan พฤ 30 ก.ย. 2010 6:03 pm บอร์ด Programming - PHP
41
6301
จ 04 ต.ค. 2010 10:52 pm โดย imsn View Topic Install Apache บน XP แล้ว Error
host และ domain free
โดย sang1517 พฤ 30 ก.ย. 2010 2:10 pm บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
1420
ศ 01 ต.ค. 2010 9:59 am โดย mindphp View Topic host และ domain free
คนขี้เหงามักเจ้าชู้
โดย Anonymous พฤ 30 ก.ย. 2010 1:51 pm บอร์ด MindPHP News & Feedback
2
1025
ศ 01 ต.ค. 2010 12:19 pm โดย imsn View Topic คนขี้เหงามักเจ้าชู้