โค๊ด HTML การแทรกภาพ (Image)

หัวข้อ:

โค๊ด HTML การแทรกภาพ (Image)

การแทรกภาพ (Image)

การแทรกภาพ

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

การแทรกภาพใช้คำสั่งดังนี้

<IMG SRC="ชื่อภาพ" WIDTH=ขนาดความกว้าง HEIGHT=ขนาดความสูง>

เช่นภาพชื่อ girl.jpg มีขนาดความกว้าง 80 และความสูง 100 จะใช้คำสั่งแสดงภาพเป็น

<IMG SRC="girl.jpg" WIDTH=80 HEIGHT=100>

หรือในกรณีที่ต้องการแสดงภาพที่มีขนาดเท่ากับต้นฉบับ ก็จะใช้คำสั่งเพียงสั้น ๆ ดังนี้

<IMG SRC="ชื่อภาพ"> เช่น

คำสั่งที่ใช้ประกอบกับคำสั่งแสดงภาพ

1. กำหนดให้ภาพอยู่ทางซ้ายและข้อความ(ที่ตามมา) อยู่ทางขวา เพิ่มคำสั่ง ALIGN=LEFT ไว้ในคำสั่งแสดงภาพ เช่น

2. กำหนดให้ภาพอยู่ทางขวาและข้อความ(ที่ตามมา) อยู่ทางซ้าย เพิ่มคำสั่ง ALIGN=RIGHT ไว้ในคำสั่งแสดงภาพ เช่น

3. กำหนดขนาดของช่องว่างระหว่างภาพกับข้อความ(ที่ล้อมรอบ) ในแนวนอน ใช้คำสั่ง HSPACE=ค่าตัวเลข(pixel) เช่น

4. กำหนดขนาดของช่องว่างระหว่างภาพกับข้อความ(ที่ล้อมรอบ) ในแนวดิ่ง ใช้คำสั่ง VSPACE=ค่าตัวเลข(pixel) เช่น

5. สามารถเขียนคำสั่งในข้อ 1-4 ประกอบกันได้ เช่น

เครดิต : www.yupparaj.ac.th

โพสเมื่อ 13 ปีที่ผ่านมา แก้ไขล่าสุด 13 ปีที่ผ่านมา อ่าน 77,632 ครั้ง

ความคิดเห็น

guest

ขอบคุณจ้า

11 ปีที่ผ่านมา

ประกาศล่าสุดในบอร์ดเดียวกัน

หาผู้ลงทุนกับทางบริษัท Spopback อ่าน 88 4 เดือนที่ผ่านมา

4 เดือนที่ผ่านมา

ดูหนังออนไลน์ที่ FM2PLAY.com รับรองไม่ผิดหวัง! อ่าน 339 6 เดือนที่ผ่านมา

6 เดือนที่ผ่านมา

UGC คืออะไร แล้วเว็บไซต์ของเราควรมีไหม? อ่าน 379 10 เดือนที่ผ่านมา

10 เดือนที่ผ่านมา

nft art คือ อ่าน 380 10 เดือนที่ผ่านมา

10 เดือนที่ผ่านมา

แนะนำ 5 บัตรเครดิต KTC ยอดนิยมประจำปี 2021 อ่าน 845 2 ปีที่ผ่านมา

2 ปีที่ผ่านมา

ดูดส้วมปากท่อ ราชบุรี โทร 085-6120657,098-4637842 อ่าน 807 2 ปีที่ผ่านมา

2 ปีที่ผ่านมา

รู้จักกับดาราหนุ่ม น่าจับตามอง โอห์ม ฐิติวัฒน์ ฤทธิ์ประเสริฐ อ่าน 1,298 3 ปีที่ผ่านมา

3 ปีที่ผ่านมา

เผย 3 เทคนิคของการเป็นผู้บริหารที่ดี อ่าน 717 3 ปีที่ผ่านมา

3 ปีที่ผ่านมา

ยกตัวอย่างกรณีของอาร์เอส กับผลดีที่ได้รับจากการสร้างวัฒนธรรมภายในองค์กร อ่าน 1,836 3 ปีที่ผ่านมา

3 ปีที่ผ่านมา

พาส่องเบื้องหลังราคาหุ้นของ RS ที่พุ่งสูง อ่าน 719 3 ปีที่ผ่านมา

3 ปีที่ผ่านมา

การปรับตัวของอาร์เอส สู่ความสำเร็จในปัจจุบัน อ่าน 717 3 ปีที่ผ่านมา

3 ปีที่ผ่านมา

core value คืออะไร จำเป็นต้องมีมั้ย มีหรือไม่มี แบบไหนดีกว่ากัน อ่าน 827 3 ปีที่ผ่านมา

3 ปีที่ผ่านมา

เปิดประวัติฉบับย่อของพระเอกหนุ่มสุดฮอต "ไนกี้ นิธิดล" อ่าน 663 3 ปีที่ผ่านมา

3 ปีที่ผ่านมา

เผยโอกาสครั้งสำคัญของอาร์เอส ที่มาพร้อมกับวิกฤติ digital disruption อ่าน 756 3 ปีที่ผ่านมา

3 ปีที่ผ่านมา

แชร์วิธีคิด วิธีใช้เงินแบบ จ๊ะ อาร์สยาม อ่าน 864 3 ปีที่ผ่านมา

3 ปีที่ผ่านมา