HTML

สอน HTML ตั้งแต่พื้นฐานโครงสร้างเอกสาร การใช้แท็กต่าง ๆ  ไปจนถึงเทคนิคการสร้างเว็บไซต์ที่มีโครงสร้างถูกต้อง รองรับการออกแบบ Responsive และเหมาะกับการทำ SEO

HTML5 การใช้งาน onbeforeunload Event Attribute

onbeforeunload เป็น Event Attribute ใน HTML5 ที่จะถูกเรียกใช้งานเมื่อผู้ใช้พยายามออกจากหน้าปัจจุบัน เช่น ปิดแท็บ เบราว์เซอร์…

HTML5 การใช้งาน onbeforeprint Event Attribute

onbeforeprint เป็น Event Attribute ใน HTML5 ที่จะถูกเรียกใช้งานเมื่อผู้ใช้กำลังจะพิมพ์หน้าเว็บ หรือเปิดหน้าเว็บในโหมดพิมพ์ (print preview)…

HTML5 การใช้งาน onafterprint Event Attribute

onafterprint เป็น Event Attribute ใน HTML5 ที่จะถูกเรียกใช้เมื่อกระบวนการพิมพ์ (Print) เอกสารเสร็จสิ้นแล้ว โดยเหตุการณ์นี้สามารถใช้เพื่อดำเนินการใด…

HTML5 การใช้งาน SSE API

Server-Sent Events (SSE) เป็นเทคโนโลยีที่อนุญาตให้เซิร์ฟเวอร์ส่งข้อมูลไปยังเว็บเบราว์เซอร์โดยอัตโนมัติเมื่อมีข้อมูลใหม่ โดยไม่จำเป็นที่ฝั่งผู้ใช้จะต้องร้องขอ ซึ่งเป็นการทำงานแบบ push-based เหมาะสำหรับการแจ้งเตือนข้อมูลแบบเรียลไทม์ เช่น ข่าวสาร…

HTML5 การใช้งาน Web Workers API

Web Workers API ใน HTML5 ถูกออกแบบมาเพื่อช่วยให้ JavaScript สามารถทำงานเบื้องหลัง (background) โดยไม่ทำให้หน้าเว็บค้างหรือช้าลง…

HTML5 การใช้งาน Web Storage API

Web Storage API ใน HTML5 เป็นกลไกในการเก็บข้อมูลฝั่งผู้ใช้ (Client-Side) โดยไม่ต้องใช้คุกกี้ ช่วยให้สามารถเก็บข้อมูลได้มากขึ้นและรวดเร็วยิ่งขึ้น ซึ่งมีอยู่…

HTML5 การใช้งาน Geolocation API

Geolocation API ใน HTML5 ช่วยให้เราสามารถดึงพิกัดตำแหน่งของผู้ใช้ (เช่น ละติจูดและลองจิจูด) มาใช้งานในเว็บไซต์หรือเว็บแอปพลิเคชันได้ โดยไม่จำเป็นต้องติดตั้งปลั๊กอินเสริม โดยข้อมูลตำแหน่งนี้สามารถนำไปใช้ในหลายสถานการณ์…

HTML5 การใช้งาน YouTube Video

การใช้งาน YouTube Video ใน HTML5 สามารถทำได้หลายวิธี โดยสามารถนำไปประยุกต์ใช้ในเว็บเพจได้หลากหลายรูปแบบ เรามาดูกันว่าใช้แบบไหนได้บ้าง การฝัง (Embed)…

HTML5 การใช้งาน Audio

การใช้งาน audio ใน HTML5 นั้นช่วยให้เราสามารถแทรกไฟล์เสียงลงในหน้าเว็บได้อย่างง่ายดาย โดย HTML5 ได้เพิ่มแท็ก <audio> สำหรับใช้ในการเล่นเสียง…

HTML5 การใช้งาน Video

ใน HTML5 มีการรองรับการใช้งานวิดีโอผ่านแท็ก <video> โดยไม่ต้องพึ่งปลั๊กอินภายนอกเช่น Flash ซึ่งการใช้งานแท็ก <video> ใน HTML5…

HTML5 การใช้งาน Multimedia

ใน HTML5 มีการปรับปรุงและเพิ่มฟีเจอร์ใหม่ๆ ที่ทำให้การใช้งานสื่อมัลติมีเดีย (Multimedia) สะดวกและเป็นมาตรฐานมากขึ้น โดย Multimedia ใน HTML5…

HTML5 การใช้งาน SVG Graphic

SVG (Scalable Vector Graphics) เป็นมาตรฐานสำหรับการสร้างภาพกราฟิกแบบเวกเตอร์ที่สามารถขยายหรือย่อได้โดยไม่สูญเสียความคมชัด ซึ่งเป็นมาตรฐานที่กำหนดโดย W3C และเหมาะสมสำหรับการใช้งานใน HTML5 เนื่องจาก…

HTML5 การใช้งาน Canvas Graphic

ใน HTML5, <canvas> เป็นองค์ประกอบที่ใช้ในการวาดกราฟิกผ่านการเขียนโค้ด JavaScript สามารถใช้ในการวาดรูปภาพ กราฟเส้น, การสร้างแอนิเมชัน, เกม, และกราฟิกเชิงโต้ตอบได้…

HTML5 Attribute ของ Input

ใน HTML5 มีประเภทของ <input> ที่หลากหลายเพื่อรองรับการป้อนข้อมูลที่แตกต่างกัน โดยสามารถประยุกต์ใช้ Attribute (คุณลักษณะ) ต่าง ๆ…

HTML5 Input ประเภทต่างๆ

HTML5 เพิ่มประเภทของ input หลายรูปแบบที่ช่วยให้เราสามารถสร้างฟอร์มที่มีประสิทธิภาพและใช้งานง่ายมากขึ้น ซึ่ง input ประเภทต่าง ๆ มีดังนี้ text…

HTML5 Form Elements

Form Elements ใน HTML5 เป็นชุดเครื่องมือที่ช่วยให้ผู้ใช้สามารถกรอกข้อมูลและส่งข้อมูลไปยังเซิร์ฟเวอร์ได้อย่างสะดวก HTML5 ได้เพิ่มความสามารถใหม่ๆ ให้กับฟอร์ม เช่น ชนิดของ…

HTML5 Form Attributes

ใน HTML5 มี Form Attributes หลากหลายรูปแบบที่สามารถใช้ในการควบคุมการทำงานของฟอร์ม เช่น การกำหนดลักษณะของการส่งข้อมูล, การตั้งค่าปลายทาง, การจัดการข้อมูล,…

HTML5 การใช้งาน Form

การใช้งานฟอร์ม (Form) ใน HTML5 เป็นส่วนสำคัญในการรับข้อมูลจากผู้ใช้และส่งข้อมูลไปยังเซิร์ฟเวอร์ โดย HTML5 ได้เพิ่มคุณสมบัติใหม่ๆ ที่ทำให้การสร้างฟอร์มมีความยืดหยุ่นและง่ายขึ้น เราสามารถใช้ฟอร์มในหลายรูปแบบเพื่อเก็บข้อมูลได้หลากหลาย…

HTML5 Uniform Resource Locator (URL)

Uniform Resource Locator (URL) เป็นที่อยู่หรือที่ตั้งของทรัพยากรต่างๆ บนอินเทอร์เน็ต ซึ่งใช้ในการอ้างอิงไฟล์ รูปภาพ เอกสาร หรือข้อมูลต่างๆ…

HTML5 การใช้งาน Encoding (Character Set)

การกำหนด Encoding หรือ Character Sets ใน HTML5 มีความสำคัญอย่างยิ่งในการทำให้หน้าเว็บสามารถแสดงผลข้อความได้อย่างถูกต้อง โดยเฉพาะเมื่อต้องแสดงผลข้อความที่เป็นภาษาต่างๆ เช่น…

HTML5 การใช้งาน Emoji

การใช้งาน Emoji ใน HTML5 เป็นเรื่องง่ายและช่วยเพิ่มความสนุกและการสื่อสารที่มีความหมายมากขึ้นให้กับเว็บไซต์ ใน HTML5 เราสามารถใช้งาน Emoji ได้หลายวิธี…