K
R
U
K
R
A
T
A
I
.
C
O
M
| back |
คำสั่งการนำเสนอไฟล์รูปภาพ
|
< img src="ชื่อรูปภาพที่มีนามสกุลเป็น .gif หรือ .jpg"
>
|
เราสามารถกำหนดคุณสมบัติของรูปภาพได้ โดยเราจะใส่ภายในคำสั่ง < IMG SRC > เพื่อที่จะทำให้รูปภาพสามารถใช้ร่วมกับข้อ ความหรือตัวอักษรและทำให้ เว็บเพจนั้นมีความน่าสนใจมากยิ่งขึ้น
|
< img src="ชื่อรูปภาพที่มีนามสกุลเป็น .gif หรือ .jpg"
alt= "ข้อความอธิบาย" align="top/middle/bottom/left/right" width="ค่าตัวเลข"
height="ค่าตัวเลข" hspace="ค่าตัวเลข" vspace="ค่าตัวเลข"
border="กำหนดเป็นตัวเลข" >
|
- Alt= เป็นการกำหนดข้อความอธิบาย โดยจะปรากฎก็ต่อเมื่อนำเมาส์ลากมาที่รูปข้อความก็จะปรากฎ
- Align = "top" เป็นการกำหนดข้อความที่อยู่ด้านบนของรูปภาพ
- Align = "middle" เป็นการกำหนดข้อความที่อยู่กึ่งกลางของรูปภาพ
- Align = "bottom" เป็นการกำหนดข้อความที่อยู่ด้านล่างของรูปภาพ
- Align = "left" เป็นการกำหนดข้อความที่อยู่ด้านขวาของรูปภาพ
- Align = "right" เป็นการกำหนดข้อความที่อยู่ด้านซ้ายของรูปภาพ
- Width = การกำหนดขนาดความกว้างของรูปภาพ
- Height = การกำหนดขนาดความสูงของรูปภาพ
- Hspace = เป็นการกำหนดระยะเว้นขอบจากด้านซ้ายกับรูปภาพ - ในการแสดงข้อความล้อมรอบรูปนั้น เป็นวิธีที่ใช้กันมากกับรูปที่เป็นตัวสินค้าและมีคำอธิบายล้อมอยู่ข้างๆ แต่การที่ข้อความอยู่ใกล้กับรูปนั้นๆ มากไปอาจทำให้เพจนั้นดูแน่นไม่น่าอ่าน ดังนั้นแท็ก <IMG> จึงถูกออกแบบให้มีแอตทริบิวต์ VSPACE และ HSPACE เพื่อใช้กำหนดระยะห่างระหว่างรูปและข้อความที่ล้อมรูป โดยค่าที่กำหนดนั้นอาจใช้หน่วยที่เป็นพิกเซล หรือ กำหนดเป็นเปอร์เซ็นต์ของหน้าจอแทนก็ได้
- Vspace = เป็นการกำหนดระยะเว้นขอบจากด้านบนกับรูปภาพ - ในการแสดงข้อความล้อมรอบรูปนั้น เป็นวิธีที่ใช้กันมากกับรูปที่เป็นตัวสินค้าและมีคำอธิบายล้อมอยู่ข้างๆ แต่การที่ข้อความอยู่ใกล้กับรูปนั้นๆ มากไปอาจทำให้เพจนั้นดูแน่นไม่น่าอ่าน ดังนั้นแท็ก <IMG> จึงถูกออกแบบให้มีแอตทริบิวต์ VSPACE และ HSPACE เพื่อใช้กำหนดระยะห่างระหว่างรูปและข้อความที่ล้อมรูป โดยค่าที่กำหนดนั้นอาจใช้หน่วยที่เป็นพิกเซล หรือ กำหนดเป็นเปอร์เซ็นต์ของหน้าจอแทนก็ได้
- Border = เป็นการกำหนดเส้นกรอบของรูปภาพ - สำหรับการใส่เส้นขอบให้กับรูปใดๆ นั้น ให้ใช้แอตทริบิวต์ BORDER แล้วตามด้วยความหนาของเส้นขอบโดยมีหน่วยเป็นพิกเซล ซึ่งหากไม่กำหนดหรือกำหนดเป็นศูนย์ก็หมายความว่าไม่มีเส้นขอบนั่นเอง
คำสั่งที่นำรูปภาพมาเป็นพื้นหลัง
|
<body background="ชื่อรูปภาพที่มีนามสกุลเป็น .gif หรือ .jpg"
bgproperties=fixed>
|
- background = กำหนดรูปภาพ
- bgproperties = fixed การกำหนดให้รูปภาพคงที่ จะทำให้รูปภาพไม่มีการเคลื่อนที่ตามเมื่อเลื่อนสกอรบาร์ เมื่อข้อมูลมีความยาวมากกว่า 1 หน้าจอ
| back |
|
H
T
M
L
พัฒนาบทเรียนโดย อ.ศราวดี ม่วงสด โรงเรียนประถมฐานบินกำแพงแสน สพท.นฐ.เขต1
e-mail : smoungsod@yahoo.com