การนำรูปภาพมาเป็นพื้นหลังของโฮมเพจ
รูปแบบคำสั่ง :
<body background=ชื่อรูปภาพ+นามสกุล>
คำอธิบาย :
คำสั่ง background="ชื่อรูปภาพ+นามสกุล" จะต้องอยู่ในส่วนของ body เท่านั้น เช่น
<body background="monkey.jpg">
ตัวอย่าง :
เป็นการนำภาพชื่อ pig01.jpg มาทำเป็นพื้นหลัง
<HTML>
<HEAD>
<TITLE>
โฮมเพจแรกของกระผม
</TITLE>
</HEAD>
<BODY
background="pig01.jpg">
.
</BODY>
</HTML>
ผลลัพธ์จะได้ดังนี้
หมายเหตุ :
จากตัวอย่าง รูปภาพจะอยู่ใน Folder เดียวกันกับไฟล์ html ที่เราสร้างขึ้นจึงจะเห็นผล หากรูปภาพไม่แสดงให้ตรวจสอบดังนี้
ชื่อและนามสกุลของรูปภาพถูกต้องหรือไม่
ไฟล์รูปภาพและไฟล์ html อยู่ใน folder เดียวกันหรือไม่ หากไม่อยู่ใน folder เดียวกันก็ copy มาไว้ folder เดียวกัน หรือทำตามข้อ 3
หากต้องการแยกไฟล์รูปภาพและไฟล์ html เก็บไว้ใน folder ต่างหากเพื่อไม่ให้ปนกัน จะมีวิธีการอ้างถึงไฟล์รูปภาพดังตัวอย่างต่อไปนี้
ให้ลองจินตนาการตามดังนี้นะครับ (อย่าวอกแวกหละ)
ตอนนี้เรามี 2 folder ชื่อว่า
html
กับ
Picture
โดยที่ Folder ชื่อ html จะเก็บไฟล์ html ไว้ และ Folder ชื่อ Picture เก็บไฟล์รูปภาพไว้
ใน Folder ชื่อ html มี ไฟล์ชื่อว่า test.html และ ใน Folder ชื่อ Picture เก็บไฟล์ชื่อว่า Pig.jpg
ที่เราต้องการคือ ในไฟล์ test.html จะเรียกรูปภาพชื่อ pig.jpg ใน folder ชื่อ Picture มาใช้
คำตอบคือ ให้เขียนว่า
<body background="../picture/pig.jpg">
คำอธิบาย :
เครื่องหมาย
..
คือการออกมาจาก folder ชื่อ html และ
/picture/pig.jpg
คือ เข้าไปใน folder ชื่อ picture และเรียกชื่อไฟล์ pig.jpg มาใช้งาน
แหล่งข้อมูล http://www.rin.ac.th/
