Banner Maker

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

INPLUG
คุณมี Ranking อันดับที่ 63
Exp: 63
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 1694
TopicIcon ชุดคำสั่งเบื้องต้นของ HTML INPLUG 2732
TopicIcon การทำ redirect เพื่อให้กระโดดไปหน้าเว็บอื่น INPLUG 11494
TopicIcon HTML โค๊ด กำหนดให้เว็บแสดงผลเป็นภาษาไทย INPLUG 42444
TopicIcon วิธีใส่ Comment ใน HTML INPLUG 8057
TopicIcon การใช้งาน คำสั่ง IFRAME ใน HTML INPLUG 7226
TopicIcon HTML ทำ effect ตอนเปลี่ยนหน้า INPLUG 5494
TopicIcon HTML การสร้างเมนู INPLUG 7077
TopicIcon HTML ชุดคำสั่งในการแสดงรายการ (Order List) INPLUG 3957
TopicIcon HTML ชุดคำสั่งในการเชื่อมโยง (Link) INPLUG 7394
TopicIcon HTML การใช้ตารางช่วยนำเสนองาน INPLUG 2370
TopicIcon HTML ชุดคำสั่งพื้น ฐานในการสร้างตาราง INPLUG 14447
TopicIcon โค๊ด HTML การแทรกภาพ (Image) INPLUG 39175
TopicIcon ชุดคำสั่งในการ กำหนดพื้นหลัง (Background) INPLUG 35276
TopicIcon โค๊ด HTML การกำหนดสีของตัวอักษร INPLUG 6862
TopicIcon โค๊ด HTML กำหนด ขนาด ลักษณะ และสีของตัวอักษร INPLUG 86360
TopicIcon ชุดคำสั่งหลักสำหรับสร้างเว็บเพจ HTML (Hyper Text Markup Language ) INPLUG 4485
TopicIcon การกำหนดสีโดยใช้รหัสสี (Hex colors) INPLUG 4559

BON VOYAGE


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

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