Banner Maker

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

inplug
คุณมี Ranking อันดับที่ 87
Exp: 87
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 2441
TopicIcon ชุดคำสั่งเบื้องต้นของ HTML inplug 3917
TopicIcon การทำ redirect เพื่อให้กระโดดไปหน้าเว็บอื่น inplug 13767
TopicIcon HTML โค๊ด กำหนดให้เว็บแสดงผลเป็นภาษาไทย inplug 71472
TopicIcon วิธีใส่ Comment ใน HTML inplug 12766
TopicIcon การใช้งาน คำสั่ง IFRAME ใน HTML inplug 9926
TopicIcon HTML ทำ effect ตอนเปลี่ยนหน้า inplug 6930
TopicIcon HTML การสร้างเมนู inplug 8416
TopicIcon HTML ชุดคำสั่งในการแสดงรายการ (Order List) inplug 5015
TopicIcon HTML ชุดคำสั่งในการเชื่อมโยง (Link) inplug 8724
TopicIcon HTML การใช้ตารางช่วยนำเสนองาน inplug 3003
TopicIcon HTML ชุดคำสั่งพื้น ฐานในการสร้างตาราง inplug 15953
TopicIcon โค๊ด HTML การแทรกภาพ (Image) inplug 59942
TopicIcon ชุดคำสั่งในการ กำหนดพื้นหลัง (Background) inplug 42868
TopicIcon โค๊ด HTML การกำหนดสีของตัวอักษร inplug 8202
TopicIcon โค๊ด HTML กำหนด ขนาด ลักษณะ และสีของตัวอักษร inplug 155235
TopicIcon ชุดคำสั่งหลักสำหรับสร้างเว็บเพจ HTML (Hyper Text Markup Language ) inplug 5639
TopicIcon การกำหนดสีโดยใช้รหัสสี (Hex colors) inplug 15267

BON VOYAGE


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

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

หน้านี้ใช้เวลาในการโหลด 00.000000 วินาที