Banner Maker

ผู้เขียน หัวข้อ: โค๊ด HTML การแทรกภาพ (Image) (อ่าน 56560 ครั้ง) เมื่อ: 26 กรกฎาคม 2553 12:52 [180.183.31.147IP Lookup , 26 กรกฎาคม 2553, 12:52:00] (แก้ไขล่าสุดเมื่อ 26 กรกฎาคม 2553 13:42)
2 คน กำลังอ่านหัวข้อนี้อยู่ (เป็นผู้ชมทั่วไป 2 คน) Thanks แจ้งลบ

inplug
คุณมี Ranking อันดับที่ 83
Exp: 83
User Info ส่งข้อความ
เข้าร่วม 13/11/2552

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

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

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

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

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

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

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

<IMG SRC="boy.jpg" ALIGN=LEFT>

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

<IMG SRC="boy.jpg" ALIGN=RIGHT>

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

<IMG SRC="boy.jpg" HSPACE=20>

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

<IMG SRC="boy.jpg" VSPACE=20>

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

<IMG SRC="boy.jpg" ALIGN=RIGHT VSPACE=20>


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



 I am Navigator

คลิ้กเพื่อขอบคุณผู้เขียนหัวข้อนี้


ดีดี
บุคคลทั่วไป

ความเห็นที่ #1 เมื่อ 27 กันยายน 2555 21:36 [101.51.222.53] ตอบอ้างอิงความเห็นนี้- แจ้งลบ
ขอบคุณจ้า




บอร์ดนี้เฉพาะสมาชิกถึงจะตอบกระทู้หรือแสดงความคิดเห็นได้

หัวข้อ เริ่มโดย อ่าน
TopicIcon สอน HTML โดย นาย พงศธร ชมดี inplug 2346
TopicIcon ชุดคำสั่งเบื้องต้นของ HTML inplug 3759
TopicIcon การทำ redirect เพื่อให้กระโดดไปหน้าเว็บอื่น inplug 13297
TopicIcon HTML โค๊ด กำหนดให้เว็บแสดงผลเป็นภาษาไทย inplug 66300
TopicIcon วิธีใส่ Comment ใน HTML inplug 12183
TopicIcon การใช้งาน คำสั่ง IFRAME ใน HTML inplug 9547
TopicIcon HTML ทำ effect ตอนเปลี่ยนหน้า inplug 6756
TopicIcon HTML การสร้างเมนู inplug 8196
TopicIcon HTML ชุดคำสั่งในการแสดงรายการ (Order List) inplug 4919
TopicIcon HTML ชุดคำสั่งในการเชื่อมโยง (Link) inplug 8636
TopicIcon HTML การใช้ตารางช่วยนำเสนองาน inplug 2870
TopicIcon HTML ชุดคำสั่งพื้น ฐานในการสร้างตาราง inplug 15838
TopicIcon โค๊ด HTML การแทรกภาพ (Image) inplug 56560
TopicIcon ชุดคำสั่งในการ กำหนดพื้นหลัง (Background) inplug 42076
TopicIcon โค๊ด HTML การกำหนดสีของตัวอักษร inplug 8025
TopicIcon โค๊ด HTML กำหนด ขนาด ลักษณะ และสีของตัวอักษร inplug 142490
TopicIcon ชุดคำสั่งหลักสำหรับสร้างเว็บเพจ HTML (Hyper Text Markup Language ) inplug 5531
TopicIcon การกำหนดสีโดยใช้รหัสสี (Hex colors) inplug 14456

BON VOYAGE


หน้าแรก :: เข้าสู่ระบบ:: สมัครสมาชิก/ลงทะเบียน:: สอบถามการใช้งาน แจ้งปัญหาการใช้งาน แนะนำ ติชม
เงื่อนไขการให้บริการ:: นโยบายความเป็นส่วนตัว

©2010-2014 Bkk.in.th All Right Reserved.
มีปัญหาการใช้งาน สามารถติดต่อเจ้าหน้าที่ได้ที่ webmaster@bkk.in.th