คำสั่งจัดการรูปภาพ 1. <IMG SRC="ไฟล์รูปภาพ" ALT= "ข้อความ"> ใช้แสดงรูปภาพที่กำหนดบนเว็บเพจ และคำสั่ง ALT ใช้แสดงข้อความที่จะแสดง ณ ตำแหน่งรูปภาพนั้น และสามารถใช้ร่วมกับคำสั่ง ALIGN เพื่อจัดตำแหน่งทางแนวตั้งได้ 3 ระดับ ดังนี้1.1 ระดับบนใช้ TOP หรือ TEXTTOP1.2 ระดับกลาง ใช้ MIDDLE หรือ ABSMIDLE1.3 ระดับล่าง ใช้ BOTTOM,BASELINE หรือ ABSBOTTOMตัวอย่าง <IMG Src="images/horror.jpg" Align=Middle > 2. เราสามารถปรับขนาดของรูปภาพได้โดยใช้คำสั่งWIDTH=ขนาด เพื่อกำหนดขนาดความกว้างของรูปHEIGHT=ขนาด เพื่อกำหนดขนาดความสูงของรูป ซึ่งจะใช้หน่วยเป็นพิกเซลล์หรือเป็นเปอร์เซ็นต์ก็ได้ ตัวอย่าง <IMG Src="http://www.geocities.com/methipat/images/horror.jpg" WIDTH=20 HEIGHT=25 ><IMG Src="images/horror.jpg" WIDTH=25 HEIGHT=30 ><IMG Src="images/horror.jpg" WIDTH=30 HEIGHT=35 ><IMG Src="images/horror.jpg" WIDTH=35 HEIGHT=40 ><IMG Src="images/horror.jpg" WIDTH=40 HEIGHT=45 > ซึ่งจะแสดงผลหน้าจอดังนี้ 3. เราสามารถกำหนดให้รูปภาพแสดงเส้นขอบ ด้วยคำสั่ง BORDER=ขนาด เพื่อกำหนดขนาดความหนาของเส้นขอบตัวอย่าง <IMG Src="images/horror.jpg" BORDER=0 ><IMG Src="images/horror.jpg" BORDER=1 ><IMG Src="images/horror.jpg" BORDER=2 ><IMG Src="images/horror.jpg" BORDER=3 ><IMG Src="images/horror.jpg" BORDER=4 ><IMG Src="images/horror.jpg" BORDER=5 > ซึ่งจะแสดงผลหน้าจอดังนี้ 4. การแสดงภาพซ้อน เราสามาถรกำหนดได้โดยใช้คำสั่ง Lowsrc=รูปภาพ โดยภาพที่ถูกกำหนดโดยคำสั่ง SRC จะแสดงให้เห็นก่อนชั่วขณะแล้วจึงตามมาด้วยภาพที่สองจาก Lowsrc ตัวอย่าง <IMG Src="images/horror.jpg" Lowsrc="http://www.thai.net/methipat/images/janie.jpg" >ซึ่งจะแสดงผลหน้าจอดังต่อไปนี้ 5. เราสามารถเพิ่มระยะห่างของภาพกับแนวขอบจอโดยใช้คำสั่งVSPACE= เพื่อกำหนดระยะห่างจากด้านบนHSPACE=เพื่อกำหนดระยะห่างจากด้านซ้ายตัวอย่าง <IMG Src="images/horror.jpg" Hspace=50 Vspace=50 > 6. การขึ้นต้นบรรทัดใหม่ด้วยคำสั่ง<Br> อาจทำให้ข้อความอยู่ในแนวเดียวกันกับรูปภาพ ดังตัวอย่าง<IMG Src="images/horror.jpg" > ซึ่งจะแสดงผลหน้าจอดังนี้ เราสามารถทำให้ข้อความอยู่พ้นแนวรูปได้โดยใช้คำสั่ง <Br Clear All>และสามารถใช้ LEFT หรือ RIGHT แทน ALL ได้ เพื่อจัดการเคลียร์พื้นที่ด้านซ้ายหรือด้านขวาของรูป ตัวอย่าง<Br Clear All> 7. การแสดงภาพเป็นฉากหลัง เราสามารถกำหนดได้ด้วยคำสั่ง Background="ไฟล์รูปภาพ" โดยจะใส่ลงไปในแท็ก <Body>ตัวอย่าง<Body Background="Back.jpg "> อ่านต่อตอน 3 ครับ ขอพลังจงอยู่กับท่าน :+: ขอพลังที่สร้างสรรค์จงอยู่กับท่านตลอดไป :+:
คำสั่งจัดการรูปภาพ 1. <IMG SRC="ไฟล์รูปภาพ" ALT= "ข้อความ"> ใช้แสดงรูปภาพที่กำหนดบนเว็บเพจ และคำสั่ง ALT ใช้แสดงข้อความที่จะแสดง ณ ตำแหน่งรูปภาพนั้น และสามารถใช้ร่วมกับคำสั่ง ALIGN เพื่อจัดตำแหน่งทางแนวตั้งได้ 3 ระดับ ดังนี้1.1 ระดับบนใช้ TOP หรือ TEXTTOP1.2 ระดับกลาง ใช้ MIDDLE หรือ ABSMIDLE1.3 ระดับล่าง ใช้ BOTTOM,BASELINE หรือ ABSBOTTOMตัวอย่าง <IMG Src="images/horror.jpg" Align=Middle > 2. เราสามารถปรับขนาดของรูปภาพได้โดยใช้คำสั่งWIDTH=ขนาด เพื่อกำหนดขนาดความกว้างของรูปHEIGHT=ขนาด เพื่อกำหนดขนาดความสูงของรูป ซึ่งจะใช้หน่วยเป็นพิกเซลล์หรือเป็นเปอร์เซ็นต์ก็ได้ ตัวอย่าง <IMG Src="http://www.geocities.com/methipat/images/horror.jpg" WIDTH=20 HEIGHT=25 ><IMG Src="images/horror.jpg" WIDTH=25 HEIGHT=30 ><IMG Src="images/horror.jpg" WIDTH=30 HEIGHT=35 ><IMG Src="images/horror.jpg" WIDTH=35 HEIGHT=40 ><IMG Src="images/horror.jpg" WIDTH=40 HEIGHT=45 > ซึ่งจะแสดงผลหน้าจอดังนี้ 3. เราสามารถกำหนดให้รูปภาพแสดงเส้นขอบ ด้วยคำสั่ง BORDER=ขนาด เพื่อกำหนดขนาดความหนาของเส้นขอบตัวอย่าง <IMG Src="images/horror.jpg" BORDER=0 ><IMG Src="images/horror.jpg" BORDER=1 ><IMG Src="images/horror.jpg" BORDER=2 ><IMG Src="images/horror.jpg" BORDER=3 ><IMG Src="images/horror.jpg" BORDER=4 ><IMG Src="images/horror.jpg" BORDER=5 > ซึ่งจะแสดงผลหน้าจอดังนี้ 4. การแสดงภาพซ้อน เราสามาถรกำหนดได้โดยใช้คำสั่ง Lowsrc=รูปภาพ โดยภาพที่ถูกกำหนดโดยคำสั่ง SRC จะแสดงให้เห็นก่อนชั่วขณะแล้วจึงตามมาด้วยภาพที่สองจาก Lowsrc ตัวอย่าง <IMG Src="images/horror.jpg" Lowsrc="http://www.thai.net/methipat/images/janie.jpg" >ซึ่งจะแสดงผลหน้าจอดังต่อไปนี้ 5. เราสามารถเพิ่มระยะห่างของภาพกับแนวขอบจอโดยใช้คำสั่งVSPACE= เพื่อกำหนดระยะห่างจากด้านบนHSPACE=เพื่อกำหนดระยะห่างจากด้านซ้ายตัวอย่าง <IMG Src="images/horror.jpg" Hspace=50 Vspace=50 > 6. การขึ้นต้นบรรทัดใหม่ด้วยคำสั่ง<Br> อาจทำให้ข้อความอยู่ในแนวเดียวกันกับรูปภาพ ดังตัวอย่าง<IMG Src="images/horror.jpg" > ซึ่งจะแสดงผลหน้าจอดังนี้ เราสามารถทำให้ข้อความอยู่พ้นแนวรูปได้โดยใช้คำสั่ง <Br Clear All>และสามารถใช้ LEFT หรือ RIGHT แทน ALL ได้ เพื่อจัดการเคลียร์พื้นที่ด้านซ้ายหรือด้านขวาของรูป ตัวอย่าง<Br Clear All> 7. การแสดงภาพเป็นฉากหลัง เราสามารถกำหนดได้ด้วยคำสั่ง Background="ไฟล์รูปภาพ" โดยจะใส่ลงไปในแท็ก <Body>ตัวอย่าง<Body Background="Back.jpg "> อ่านต่อตอน 3 ครับ ขอพลังจงอยู่กับท่าน
1.1 ระดับบนใช้ TOP หรือ TEXTTOP1.2 ระดับกลาง ใช้ MIDDLE หรือ ABSMIDLE1.3 ระดับล่าง ใช้ BOTTOM,BASELINE หรือ ABSBOTTOM
WIDTH=ขนาด เพื่อกำหนดขนาดความกว้างของรูปHEIGHT=ขนาด เพื่อกำหนดขนาดความสูงของรูป ซึ่งจะใช้หน่วยเป็นพิกเซลล์หรือเป็นเปอร์เซ็นต์ก็ได้
BORDER=ขนาด เพื่อกำหนดขนาดความหนาของเส้นขอบ
VSPACE= เพื่อกำหนดระยะห่างจากด้านบนHSPACE=เพื่อกำหนดระยะห่างจากด้านซ้าย