Banner Maker

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

inplug
คุณมี Ranking อันดับที่ 96
Exp: 96
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 2619
TopicIcon ชุดคำสั่งเบื้องต้นของ HTML inplug 4242
TopicIcon การทำ redirect เพื่อให้กระโดดไปหน้าเว็บอื่น inplug 14253
TopicIcon HTML โค๊ด กำหนดให้เว็บแสดงผลเป็นภาษาไทย inplug 79238
TopicIcon วิธีใส่ Comment ใน HTML inplug 13360
TopicIcon การใช้งาน คำสั่ง IFRAME ใน HTML inplug 10158
TopicIcon HTML ทำ effect ตอนเปลี่ยนหน้า inplug 7103
TopicIcon HTML การสร้างเมนู inplug 8718
TopicIcon HTML ชุดคำสั่งในการแสดงรายการ (Order List) inplug 5127
TopicIcon HTML ชุดคำสั่งในการเชื่อมโยง (Link) inplug 8869
TopicIcon HTML การใช้ตารางช่วยนำเสนองาน inplug 3265
TopicIcon HTML ชุดคำสั่งพื้น ฐานในการสร้างตาราง inplug 16076
TopicIcon โค๊ด HTML การแทรกภาพ (Image) inplug 65455
TopicIcon ชุดคำสั่งในการ กำหนดพื้นหลัง (Background) inplug 43787
TopicIcon โค๊ด HTML การกำหนดสีของตัวอักษร inplug 8430
TopicIcon โค๊ด HTML กำหนด ขนาด ลักษณะ และสีของตัวอักษร inplug 178063
TopicIcon ชุดคำสั่งหลักสำหรับสร้างเว็บเพจ HTML (Hyper Text Markup Language ) inplug 5794
TopicIcon การกำหนดสีโดยใช้รหัสสี (Hex colors) inplug 15659

BON VOYAGE


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

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

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