การใส่รูปในหน้าเว็บ

จากที่เราได้รู้มาแล้วว่าหน้าเว็บก็คือโค้ดที่เอามาเขียนเพื่อให้ออกมาเป็นหน้าเว็บ ทีนี้เราจะมาดูกันว่าเราจะเอารูปเหล่านั้นขึ้นไปแสดงผลบนหน้าเว็บได้อย่างไร

การใส่รูปในหน้าเว็บ
1.เลือกตำแหน่งที่เราต้องการจะใส่ จากในโค้ดของหน้าเว็บของเรา
2.พิมพ์ <img src=”IMAGE.URL” โดยที่ IMAGE.URL นั้นคือตำแหน่งที่เราเก็บรูป โดยให้มีการวางตำแหน่ง และการอ้างอิงให้ถูกต้อง (อ่านการอ้างอิงตำแหน่งได้จากบทความเก่าๆ)
3.พิมพ์ /> เพื่อจบ tag โดยสมบูรณ์

<h1>MindWebHost host ที่บริการด้วยใจ</h1>
<img src=”mindwebhost_logo.png” />
<p> หากคุณกำลังมองหา host สำหรับเว็บของคุณ
mindwebhost.com เป็นตัวเลือกสำหรับคุณแล้ว
บริการอย่างมั่นคงมาตั้งแต่ ปี 2549 จนถึงปัจจุบัน
เน้นคุณภาพไม่ใช่ปริมาณ มั่นใจได้ในคุณภาพ</p>
สิ่งเพิ่มเติมที่ 5.1 โค้ดเพื่อการแสดงผลรูปบนหน้าเว็บ โดยรูปนี้มีชื่อว่า mindwebhost_logo.png และเก็บอยู่ในแฟ้มเดียวกับ ไฟล์เว็บ

รูปภาพที่แสดงพร้อมข้อความ
สิ่งเพิ่มเติมที่ 5.2 รูปภาพและข้อความที่แสดงผลออกมาที่หน้าเว็บ

เพิ่มเติม
-รูปจะต้องถูก upload ขึ้น server ไปด้วยเมื่อตอนที่ทำการ upload หน้าเว็บ
- อย่าทำให้ผู้เข้าเว็บของคุณต้องรอการโหลดที่นานเกินไป ลองเทสได้ด้วยตัวคุณเอง แต่ก็ต้องอย่าลืมว่า คนที่ใช้อินเตอร์เน็ตช้าๆในปัจจุบันนั้นยังมีจำนวนมากอยู่ ดังนั้นเราจะควรใช้รูปภาพที่มีขนาดของไฟล์น้อยที่สุดเท่าที่ทำได้ เพื่อไม่ให้ผู้ใช้รอนานจนเกินไปแล้วเบื่อปิดเว็บเราไปก่อนนั่นเอง
-สามารถสั่งให้รุปแสดง หรือไม่แสดงเส้นขอบได้ด้วยการเติม border attribute เข้าไป เช่น border=”n” โดยที่ n คือตัวเลขที่บอกความหนาของเส้นขอบ 1 คือเส้นเล็กที่สุด และโดยปรกติ เส้นขอบจะปรากฏอัตโนมัติ เมื่อรูปนั้นถูกทำเป็นลิ้งค์ ทางที่ดีกว่านั้นก็คือการใช้ style sheet เพื่อเข้ามาควบคุมรูปทั้งหมดนั่นเอง

No comments yet.
You must be logged in to post a comment.