การใส่รูปตรงคอมเม้น
----------------------------------------------------------------------------------------
การใส่รูปหัวบล๊อคแบบง่ายๆ
----------------------------------------------------------------------------------------
การใส่รูปดุ๊กดิ๊กข้างบล๊อค
----------------------------------------------------------------------------------------
คำสั่งทีทำให้ภาพล้อมข้อความบนเว็บ
สำหรับคนเขียนเว็บด้วยภาษา HTML
เวลาเราต้องการใส่รูปภาพบนเว็บของเรา ก็เพียงใส่แท็ก <img src = photo.jpg> แค่นี้เราก็สามารถใส่รูปภาพได้แล้ว แต่อย่างไรก็ตาม รูปภาพของเราก็จะแสดงบนบรรทัดเดียวกับข้อความ และดูไม่ค่อยสวยงามเท่าไหร่ ถ้าจะให้ดี แนะนำให้มีข้อความล้อมรอบรูปภาพจะสวยกว่ากันเยอะเลย
คำสั่งทีทำให้ภาพถูกล้อมรอบด้วยข้อความ
<img src = "photo.jpg" hspace="5" vspace="5" align="left">
แค่เติมคำสั่งที่แสดงสีเป็นสีส้ม เท่านั้น ข้อความก็จะไหลไปตามภาพ ดูสวยงาม ส่วนตัวเลขที่เห็นเป็นการบอกว่าจะให้มีช่องว่างจากข้อความและรูปภาพเท่าไหร่ และท้ายสุดมีคำสั่ง Left และ Right เพื่อบอกว่า จะให้รูปตั้งต้นแสดงที่ด้านซ้าย หรือขวามือ
*ถ้าจะให้เห็นผลและเข้าใจคำสั่งมากขึ้น แนะนำให้ลองทดสอบดูกันได้เลยครับ
แค่เติมคำสั่งที่แสดงสีเป็นสีส้ม เท่านั้น ข้อความก็จะไหลไปตามภาพ ดูสวยงาม ส่วนตัวเลขที่เห็นเป็นการบอกว่าจะให้มีช่องว่างจากข้อความและรูปภาพเท่าไหร่ และท้ายสุดมีคำสั่ง Left และ Right เพื่อบอกว่า จะให้รูปตั้งต้นแสดงที่ด้านซ้าย หรือขวามือ
*ถ้าจะให้เห็นผลและเข้าใจคำสั่งมากขึ้น แนะนำให้ลองทดสอบดูกันได้เลยครับ
----------------------------------------------------------------------------------------
คำสั่งแสดงฉากหลังบนเว็บ รองรับ IE, FireFox
ปัญหาคำสั่งในการแสดงฉากหลัง
สำหรับคนที่ทำเว็บและเขียนด้วยภาษา HTML คงประสบปัญหาเกียวกับคำสั่งในการแสดงฉากหลังบนเว็บ ด้วยคำสั่ง "background = photo.jpg" ซึ่งคำสั่งนี้จะแสดงได้ผลถูกต้องถ้าใช้ Internet Explorer เท่านั้น แต่ถ้าใครเปิดด้วย Firefox จะมีปัญหาเพราะไม่สามารถแสดงฉากหลัง หรือ Background ได้ถูกต้อง ปัญหานี้แก้ง่ายๆ ด้วยการใช้คำสั่ง JavaScript สั้นๆ แทน
ข้อควรทราบ เราต้องพิมพ์คำสั่งนี้ อยู่ระหว่าง Tag <head>..</head> เท่านั้น
คำสั่ง JavaScript สำหรับแสดงฉากหลังด้วย JavaScripts
<style type="text/css"> body {background: url('/backphoto.jpg') repeat-x;}</style>
แค่นี้เว็บไซต์ของเราก็สามารถแสดงภาพได้อย่างสวยงาม และรองรับการใช้งานทั้งในส่วนของ IE และ FireFox แล้วครับ ส่วนคำสั่งเพิ่มเติม "repeat-x" นั้น ถ้าไม่ใส่ ฉากหลังที่แสดงอยู่ จะเรียงต่อไปเรื่อยๆ จนเต็มหน้าเว็บครับ
แค่นี้เว็บไซต์ของเราก็สามารถแสดงภาพได้อย่างสวยงาม และรองรับการใช้งานทั้งในส่วนของ IE และ FireFox แล้วครับ ส่วนคำสั่งเพิ่มเติม "repeat-x" นั้น ถ้าไม่ใส่ ฉากหลังที่แสดงอยู่ จะเรียงต่อไปเรื่อยๆ จนเต็มหน้าเว็บครับ
----------------------------------------------------------------------------------------
คำสั่งในการใส่เสียงให้กับเว็บ
สำหรับเว็บมาสเตอร์โดยเฉพาะ
ใครกำลังมองหาคำสั่งในการใส่เสียงที่เป็น background sound ในเว็บไซต์ของคุณเอง วันนี้ เรามีคำสั่งง่ายๆ ในการใส่เสียงเพลงให้กับเว็บไซต์ รองรับการใช้งานกับ browser ของ Microsoft ที่ชื่อ Internet Explorer
คำสั่งในการใส่เสียงให้กับเว็บไซต์
<bgsound src="/FILENAME.wav" loop = "2"></bgsound>
ความหมายของคำสั่ง
- bgsound เป็นคำสั่งในกรใส่เสียง
- scr หมายถึง ตำแหน่งของไฟล์ที่เก็บเสียง ถ้าคุณเก็บไฟล์เสียงในโฟลเดอร์ sound เวลาใส่จะต้องระบบโฟลเดอร์ด้วย เช่น src ="\sound\filename.wav" เป็นต้น
- loop หมายถึง จำนวนครั้งที่ให้เล่นเพลงซ้ำ
ลองนำไปทดสอบใช้กันดูน่ะครับ
----------------------------------------------------------------------------------------
โค๊ตสำหรับแสดงพยากรณ์อากาศของไทย
Free Web Tools สำหรับเว็บมาสเตอร์ทุกท่าน
สำหรับเว็บมาสเตอร์ที่สนใจจะแสดงพยากรณ์อากาศบนเว็บไซต์ของท่าน วันนี้เรามีคำแนะนำมาบอกต่อๆ กัน เพียงแค่ copy code ตามตัวอย่างด้านล่างนี้ และนำไปใส่ในเว็บไซต์ของคุณ เพียงแค่นี้เว็บของคุณก็สามารถแสดงราคาทองคำ แบบวันต่อวันได้แล้วครับโค๊ดสำหรับแสดงพยากรณ์อากาศ บนเว็บ
<iframe src ="http://www.tmd.go.th/daily_forecast_forweb.php" width = "180" height = "260" scrolling = "no" frameborder = 0></iframe>จุดเด่น: รหัสโค๊ตนี้ มีการอัพเดททุกวัน
----------------------------------------------------------------------------------------
