แท็ก <footer> เป็น Semantic Element ใน HTML5 ใช้สำหรับกำหนดส่วนท้าย (footer) ของเอกสารหรือส่วน (section) มักประกอบด้วยข้อมูลลิขสิทธิ์, ลิงก์นโยบายความเป็นส่วนตัว, ข้อมูลติดต่อ, Sitemap, หรือลิงก์โซเชียลมีเดีย ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <head> <title>ต

แท็ก <frame> ใช้กำหนดเนื้อหาของแต่ละเฟรมภายใน <frameset> อยู่ในสถานะ Deprecated และ ไม่รองรับใน HTML5 ห้ามใช้ ควรใช้ <iframe> แทน แอตทริบิวต์ (สำหรับอ้างอิงทางประวัติศาสตร์) แอตทริบิวต์ ค่า คำอธิบาย src URL ที่อยู่ไฟล์เนื้อหาของเฟรม name ชื่อเฟรม ชื่อเพื่อใช้เป็น target ข

แท็ก <img> ใช้สำหรับฝังรูปภาพในหน้าเว็บ เป็น Void Element (ไม่มีแท็กปิด) ต้องมีแอตทริบิวต์ src และ alt เสมอ แอตทริบิวต์สำคัญ แอตทริบิวต์ ค่า คำอธิบาย สถานะ src URL ที่อยู่ของไฟล์รูปภาพ (บังคับ) จำเป็น alt ข้อความ ข้อความทางเลือกเมื่อโหลดไม่ได้/สำหรับ Screen Reader (บังคับ) จำเป็น w

แท็ก <input> เป็นองค์ประกอบหลักสำหรับรับข้อมูลจากผู้ใช้ในฟอร์ม HTML รองรับหลายประเภท (type) และมีแอตทริบิวต์มากมายสำหรับควบคุมพฤติกรรม แอตทริบิวต์สำคัญ (สรุป) แอตทริบิวต์ คำอธิบาย type ประเภทอินพุท (text, password, email, number, date, checkbox, radio, file, submit, button, hidden, col

แท็ก <frameset> ใช้แบ่งหน้าต่างเบราว์เซอร์เป็นหลายเฟรม (frames) อยู่ในสถานะ Deprecated และ ไม่รองรับใน HTML5 ห้ามใช้ ในเว็บสมัยใหม่ ควรใช้ <iframe>, CSS Grid/Flexbox, หรือ AJAX แทน แอตทริบิวต์ (สำหรับอ้างอิงทางประวัติศาสตร์) แอตทริบิวต์ ค่า คำอธิบาย cols ขนาดคอลัมน์ (px, %, *) ระ

ใช้แท็ก <ins> (Inserted Text) เพื่อแสดงข้อความที่ถูกเพิ่มเข้าไปในเอกสาร เบราว์เซอร์จะแสดงข้อความพร้อมเส้นใต้ (underline) โดยค่าเริ่มต้น มักใช้ร่วมกับ <del> เพื่อแสดงการแก้ไขเอกสาร แอตทริบิวต์ของแท็ก <ins> แอตทริบิวต์ ค่า คำอธิบาย cite URL ระบุ URL ของเอกสารที่อธิบายเหตุผลว่

แท็ก <isindex> ใช้สร้างฟิลด์ป้อนข้อมูลบรรทัดเดียวสำหรับค้นหาเอกสาร อยู่ในสถานะ Deprecated (ล้าสมัย) และ ไม่ควรใช้ ในเว็บสมัยใหม่ ควรใช้แท็ก <input type=search> หรือ <form> แทน แอตทริบิวต์ (สำหรับอ้างอิงทางประวัติศาสตร์) แอตทริบิวต์ ค่า คำอธิบาย prompt ข้อความ ข้อความนำหน้าฟ

แท็ก <kbd> (Keyboard Input) ใช้สำหรับแสดงข้อความที่แทนการป้อนข้อมูลทางคีย์บอร์ด เช่น ปุ่มลัด, คำสั่ง หรือข้อความที่ผู้ใช้ต้องพิมพ์ โดยค่าเริ่มต้นเบราว์เซอร์จะแสดงด้วยฟอนต์ monospace ตัวอย่างการใช้งาน แสดงปุ่มลัดสำหรับเปิดแท็บที่ปิดล่าสุด: <!DOCTYPE html> <html> <head> &l

เหตุการณ์ onwheel จะถูกกระตุ้นเมื่อผู้ใช้เลื่อนลูกเลื่อนเมาส์ (mouse wheel) ขณะที่เคอร์เซอร์อยู่เหนือองค์ประกอบ HTML นี้ แทนที่เหตุการณ์เก่าๆ เช่น onmousewheel และ DOMMouseScroll ตัวอย่างการใช้งาน ตัวอย่างแสดงการแจ้งเตือนเมื่อเลื่อนลูกเลื่อนเมาส์: <!DOCTYPE html> <html> <head><

แท็ก <colgroup> ใช้สำหรับจัดกลุ่มคอลัมน์ในตาราง HTML เพื่อกำหนดคุณสมบัติร่วมกัน (เช่น ความกว้าง, สไตล์) ให้หลายคอลัมน์พร้อมกัน หากต้องการกำหนดคุณสมบัติแตกต่างต่อคอลัมน์ ให้ใช้แท็ก <col> ภายใน <colgroup> แอตทริบิวต์ของ <colgroup> และ <col> แอตทริบิวต์ ค่า คำอธิบาย สถ

เหตุการณ์ onstorage จะถูกกระตุ้นเมื่อพื้นที่จัดเก็บข้อมูลเว็บ (localStorage หรือ sessionStorage) ถูกเปลี่ยนแปลงจากบริบทอื่น (เช่น แท็บ/หน้าต่างอื่นของโดเมนเดียวกัน) หมายเหตุ: เหตุการณ์นี้ ไม่ทำงาน ในแท็บเดียวกันที่ทำการเปลี่ยนแปลง ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <head>

แท็ก <font> เคยใช้สำหรับตั้งค่าฟอนต์ใน HTML แต่อยู่ในสถานะ Deprecated (ล้าสมัย/ไม่แนะนำ) แล้ว ปัจจุบันควรใช้ CSS แทน ซึ่งยืดหยุ่นและทรงพลังกว่ามาก วิธีการตั้งค่าฟอนต์ด้วย CSS ใช้คุณสมบัติ font-family ในสไตล์ inline หรือ CSS class: <!DOCTYPE html> <html> <body> <h2>

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

แอตทริบิวต์ oncanplay จะทำงานเมื่อเบราว์เซอร์ประเมินว่าสื่อ (เสียง/วิดีโอ) โหลดข้อมูลเพียงพอที่จะเริ่มเล่นได้แล้ว แต่อาจยังไม่พอที่จะเล่นจนจบโดยไม่ต้องหยุดโหลดเพิ่ม ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <body> <video id=myid width=320 height=176 controls oncanplay=displa

เหตุการณ์ ontimeupdate จะถูกกระตุ้นซ้ำๆ ขณะที่ตำแหน่งการเล่นของสื่อ (วิดีโอ/เสียง) เปลี่ยนแปลง ไม่ว่าจะเป็นการเล่นปกติ การข้ามไปมาหรือการเร็ว/ช้า ตัวอย่างการใช้งาน ตัวอย่างแสดงเวลาการเล่นปัจจุบันแบบเรียลไทม์: <!DOCTYPE html> <html> <body> <h2 id=test>เล่น</h2>

แอตทริบิวต์ onplaying ใช้สำหรับรันสคริปตเมื่อไฟล์เสียงหรือวิดีโอเริ่มเล่นจริง (หลังจากโหลดข้อมูลพอเพียงหรือหลังจากหยุดพักแล้วเล่นต่อ) ตัวอย่างการใช้งาน โค้ดด้านล่างแสดงการแจ้งเตือนเมื่อวิดีโอเริ่มเล่น: <!DOCTYPE html> <html> <body> <video id=myid width=350 height=200 contro

เหตุการณ์ onpopstate จะถูกกระตุ้นเมื่อประวัติการเดินทางของหน้าต่าง (session history) เปลี่ยนแปลง เช่น เมื่อผู้ใช้กดปุ่ม ย้อนกลับ หรือ ไปข้างหน้า ในเบราว์เซอร์ หรือเมื่อเรียกใช้ history.back(), history.forward(), หรือ history.go() ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <body onpopst

เหตุการณ์ onmouseup จะทำงานเมื่อผู้ใช้ปล่อยปุ่มเมาส์ขณะที่เคอร์เซอร์อยู่เหนือองค์ประกอบ HTML นี้ มักใช้ร่วมกับ onmousedown เพื่อสร้างเอฟเฟกต์การคลิก ตัวอย่างการใช้งาน ตัวอย่างเปลี่ยนสีข้อความเมื่อกดและปล่อยเมาส์: <!DOCTYPE html> <html> <body> <h3 id=myid onmousedown=mouseDo

แอตทริบิวต์ onseeked ใช้สำหรับรันสคริปตเมื่อผู้ใช้เลื่อนหรือย้ายตำแหน่งการเล่นในไฟล์เสียงหรือวิดีโอจนเสร็จสิ้น (คือเมื่อแอตทริบิวต์ seeking กลายเป็น false) ตัวอย่างการใช้งาน โค้ดด้านล่างแสดงการใช้ onseeked เพื่ออัปเดตตำแหน่งการเล่นปัจจุบัน: <!DOCTYPE html> <html> <body> <h2

ใช้แท็ก <caption> เพื่อเพิ่มคำอธิบายหรือหัวข้อให้กับตารางใน HTML แท็กนี้ต้องวางไว้ทันทีหลังแท็ก <table> เปิด ตัวอย่างการใช้งาน ตัวอย่างด้านล่างแสดงตารางพร้อมคำอธิบาย นักคริกเก็ตอินเดีย: <!DOCTYPE html> <html> <head> <style> table, th, td {