iSpying foryou !: HTML

วิธีทำตัวหนังสือวิ่งบนเว็บไซต์ของเรา

สวัสดีครับ ทุกคนที่เข้ามาใน บทความนี้คงจะพอมีทักษะพื้นฐาน

เกี่ยวกับเรื่อง TAG ของ HTML อยู่บ้างใช่มั้ยครับ

วันนี้ผมจะมานำเสนอ Tag <marquee> (อ่านว่า "มาร์กี้")

ซึ่งเป็น Tag หนึ่งบนภาษา HTML ที่จะช่วยกำหนดให้ตัวหนังสือหรือตัวอักษร

ให้สามารถวิ่งไปตามทิศทางที่เราต้องการได้

เช่น <marquee> iSpyingforyou </marquee>

จากภาพคำว่า iSpyingforyou ก็จะวิ่งบนหน้าเว็บครับ

เอาละ ! เมื่อเราทราบ Tag แล้วทีนี้มาดูวิธีในการกำหนดทิศทางการวิ่งครับ

#คำสั่งทิศทางในการวิ่ง มีทั้งหมด 4 อย่าง คือ

1.<marquee direction="left"> iSpyingforyou วิ่งจากขวาไปซ้าย </marquee>

iSpyingforyou วิ่งจากขวาไปซ้าย

2.<marquee direction="right"> iSpyingforyou วิ่งจากซ้ายไปขวา</marquee>

iSpyingforyou วิ่งจากซ้ายไปขวา

3.<marquee direction="up"> iSpyingforyou วิ่งจากล่างขึ้นบน</marquee>

iSpyingforyou วิ่งจากล่างขึ้นบน

4.<marquee direction="down"> iSpyingforyou วิ่งจากบนลงล่าง</marquee>

iSpyingforyou วิ่งจากบนลงล่าง

#คำสั่งกำหนดความเร็วในการเลื่อนของตัวอักษร

<marquee scrollamount="5"> iSpyingforyou เลื่อนด้วยความเร็วระดับ 5  </marquee>

iSpyingforyou เลื่อนด้วยความเร็วระดับ 5

<marquee scrollamount="50"> iSpyingforyou เลื่อนด้วยความเร็วระดับ 50  </marquee>

iSpyingforyou เลื่อนด้วยความเร็วระดับ 50

#คำสั่งกำหนดขอบเขตในการเลื่อน

<marquee width="50%"> width="50% iSpying วิ่งแค่ครึ่งหน้าเว็บเพจ </marquee>

width="50% iSpying วิ่งแค่ครึ่งหน้าเว็บเพจ

#คำสั่งกำหนดข้อความวิ่งไปมา

<marquee behavior="alternate" > iSpying วิ่งไปมาไม่หลุดกรอบ </marquee>

iSpyingforyou วิ่งไปมาไม่หลุดกรอบ

#คำสั่งกำหนดสีพื้นหลังข้อความ

 <marquee bgcolor="Green"> iSpying กำหนดสีพื้นหลังที่ต้องการ </marquee>

iSpying กำหนดสีพื้นหลังสีเขียว

ทั้งนี้ทุกๆ คนสามารถที่จะประยุกต์ใช้ใน
หลายๆ รูปแบบใน Tag <Marquee> เดียวกันได้ครับ

ขอให้ทุกท่าน สนุกกับการเขียนเว็บครับผม :)

ขอบคุณแหล่งข้อมูลจาก :

http://www.tutorialspoint.com/html/html_marquees.htm

http://vrisad.blogspot.com/p/blog-page_30.html

HTML5 คืออะไร?

HMTL5 คืออะไร ?

HTML5 (เอชทีเอ็มแอล 5) เป็นมาตรฐานตัวต่อไปของ HTML ที่อยู่ในระหว่างการพัฒนา โดยมีลักษณะเหมือนมาตรฐานตัวก่อนหน้าทั้ง HTML 4.01 และ XHTML 1.1 ที่ใช้ในการจัดโครงสร้างและการแสดงผลของเนื้อหาสำหรับเวิลด์ไวด์เว็บ มาตรฐานใหม่จะมีคุณลักษณะเด่นที่สำคัญของ HTML5 ได้แก่ ..

การใช้งานวิดีโอ
การแสดงตำแหน่งทางภูมิศาสตร์
การเก็บไฟล์ในลักษณะออฟไลน์
การแสดงกราฟิกส์
input types แบบใหม่ เช่น search, number, range, color, tel, url, email, date, month, week, time, datetime, datetime-local

โดยคุณสมบัติเด่นหลายๆ อย่างไม่จำเป็นต้องติดตั้งซอฟต์แวร์เพิ่ม เช่น เกียรส์ แฟลช หรือ ซิลเวอร์ไลต์ เหมือนที่ผ่านมาในการใช้งาน HTML4

HTML5 ได้มีการแนะนำ เอเลเมนต์ใหม่หลายตัวเพื่อตอบสนองการใช้งานของเว็บไซต์รุ่นใหม่ โดยเอเลเมนต์ใหม่ส่วนหนึ่งเป็นซีแมนติกทดแทนการใช้งานของบล็อกทั่วไป (<div>) และเอเลเมนต์อินไลน์ (<span>) ยกตัวอย่างเช่น <nav> (บล็อกสำหรับเมนูบอกทาง) และ <footer> (ส่วนด้านล่างของเว็บเพจ) เอเลเมนต์ส่วนอื่นแสดงถึงการใช้งาน เช่น เอเลเมนต์ทางด้านสื่อ <audio> และ <video> เอเลเมนต์บางตัวที่ตกรุ่นสำหรับ HTML 4.01 ได้ถูกยกเลิก เช่น <font> และ <center> ซึ่งถูกทดแทนด้วยการทำงานผ่านซีเอสเอส (CSS)

ชมตัวอย่างพื้นฐาน HTML เพื่อนความเข้าใจครับ