HTML

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

HTML5 การใช้งาน bdo Tag

แท็ก <bdo> (Bi-Directional Override) ใน HTML5 ใช้สำหรับการกำหนดทิศทางการแสดงผลของข้อความ โดยปกติแล้ว ภาษาส่วนใหญ่จะถูกแสดงผลจากซ้ายไปขวา (Left-to-Right…

HTML5 การใช้งาน bdi Tag

<bdi> (Bidirectional Isolation) เป็นแท็กใน HTML5 ที่ใช้เพื่อควบคุมทิศทางการแสดงผลข้อความในเอกสาร HTML โดยเฉพาะในกรณีที่ต้องรองรับข้อความที่มีการใช้ภาษาที่มีทิศทางการเขียนต่างกัน เช่น ภาษาอังกฤษที่เขียนจากซ้ายไปขวา…

HTML5 การใช้งาน base Tag

ใน HTML5 แท็ก <base> ใช้เพื่อกำหนด URL พื้นฐานสำหรับลิงก์ทั้งหมดในเอกสารเว็บเพจ โดยจะถูกใช้ในกรณีที่ลิงก์ภายในเอกสารนั้นใช้ URL ที่สัมพันธ์กัน…

HTML5 การใช้งาน b Tag

แท็ก <b> ใน HTML5 ใช้สำหรับทำให้ข้อความเป็นตัวหนา (bold) โดย ไม่เน้นความสำคัญ ของข้อความนั้นๆ ต่างจากแท็ก…

HTML5 การใช้งาน audio Tag

การใช้งาน <audio> tag ใน HTML5 เป็นการแสดงเสียงหรือไฟล์เสียงในหน้าเว็บ โดยมีรูปแบบการทำงานที่หลากหลาย รวมถึงคุณสมบัติที่สามารถปรับแต่งได้ตามความต้องการของผู้พัฒนา พื้นฐานของ <audio>…

HTML5 การใช้งาน aside Tag

ใน HTML5, แท็ก <aside> ใช้เพื่อแสดงข้อมูลที่เกี่ยวข้องแต่ไม่ใช่ส่วนหลักของเนื้อหาบนหน้าเว็บ แท็กนี้มักใช้สำหรับการแสดงข้อมูลเพิ่มเติม เช่น บทความที่เกี่ยวข้อง, ลิงก์เพิ่มเติม, โฆษณา…

HTML5 การใช้งาน article Tag

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

HTML5 การใช้งาน area Tag

ใน HTML5 แท็ก <area> ใช้ร่วมกับแท็ก <map> เพื่อกำหนดพื้นที่ที่เป็นลิงก์หรือมีการโต้ตอบในรูปภาพที่ใช้แท็ก <img> โดยพื้นฐานการใช้งานของ <area>…

HTML5 การใช้งาน address Tag

แท็ก <address> ใน HTML5 ใช้สำหรับการกำหนดข้อมูลติดต่อของผู้เขียนหรือเจ้าของเอกสารหรือบทความ ซึ่งข้อมูลที่อยู่ภายในแท็ก <address> มักเป็นข้อมูลที่เกี่ยวข้องกับรายละเอียดการติดต่อ เช่น อีเมล…

HTML5 การใช้งาน abbr Tag

ใน HTML5 แท็ก <abbr> ใช้สำหรับระบุคำย่อหรืออักษรย่อ เมื่อผู้ใช้วางเมาส์เหนือคำย่อ เบราว์เซอร์สามารถแสดงคำอธิบายแบบเต็มซึ่งถูกระบุไว้ในแอตทริบิวต์ title แท็กนี้ช่วยให้เนื้อหามีความชัดเจนมากขึ้น และยังช่วยปรับปรุง…

HTML5 การใช้งาน a tag

ใน HTML5 แท็ก <a> (anchor tag) ใช้สำหรับสร้างลิงก์ที่สามารถนำผู้ใช้งานไปยังตำแหน่งอื่นภายในหน้าเว็บ หรือภายนอกเว็บไซต์ รวมถึงการทำปฏิสัมพันธ์อื่นๆ เช่น…

HTML5 การใช้งาน Comment Tag

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

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

ใน HTML5, onunload เป็นหนึ่งใน Event Attribute ที่ใช้ในการตรวจจับเหตุการณ์ที่เกิดขึ้นเมื่อผู้ใช้กำลังจะออกจากหน้าเว็บ ไม่ว่าจะเป็นการปิดหน้าเว็บ, การโหลดหน้าใหม่ หรือการย้ายไปยังลิงก์อื่นๆ…

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

onresize Event Attribute ใน HTML5 เป็นอีเวนต์ที่ใช้ตรวจจับการเปลี่ยนแปลงขนาดของหน้าต่างเบราว์เซอร์หรือขนาดขององค์ประกอบ (element) บางอย่างที่มีขนาดเปลี่ยนแปลง เช่น หากผู้ใช้งานทำการปรับขนาดของหน้าต่างเบราว์เซอร์…

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

onpageshow เป็นหนึ่งใน Event Attributes ใน HTML5 ซึ่งถูกเรียกใช้งานเมื่อหน้าเว็บเพจแสดงผลขึ้นมา (ถูกโหลดเสร็จสมบูรณ์) โดยจะถูกกระตุ้นในสองสถานการณ์หลัก onpageshow…

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

onpagehide เป็น Event Attribute ใน HTML5 ที่ทำงานเมื่อหน้าถูกซ่อนหรือกำลังจะปิดลง (เช่นเมื่อผู้ใช้ไปที่หน้าใหม่ หรือเปิดแท็บใหม่) โดย…

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

ononline เป็น Event Attribute ใน HTML5 ที่ใช้เพื่อตรวจสอบและจัดการเมื่อสถานะของการเชื่อมต่ออินเทอร์เน็ตเปลี่ยนเป็นออนไลน์ ซึ่งเป็นเหตุการณ์หนึ่งในระบบการจัดการสถานะการเชื่อมต่อของเบราว์เซอร์ เพื่อให้ผู้พัฒนาเว็บสามารถตอบสนองต่อการเชื่อมต่อหรือการขาดการเชื่อมต่อได้อย่างมีประสิทธิภาพ วิธีการใช้งาน…

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

onoffline และ ononline เป็น Event Attributes ที่ HTML5 มีไว้เพื่อช่วยตรวจจับสถานะการเชื่อมต่ออินเทอร์เน็ตของผู้ใช้ โดยสามารถใช้เพื่อเพิ่มประสิทธิภาพการทำงานของเว็บแอปพลิเคชันที่ต้องการตรวจสอบสถานะการเชื่อมต่อได้ง่าย…

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

onerror ใน HTML5 เป็น event attribute ที่ใช้ในการจัดการข้อผิดพลาดที่เกิดขึ้นในระหว่างการโหลดไฟล์ เช่น การโหลดรูปภาพ, ไฟล์สคริปต์,…