ใช้แอตทริบิวต์ autoplay เพื่อตั้งค่าให้เสียงหรือวิดีโอเริ่มเล่นอัตโนมัติทันทีที่หน้าเว็บโหลด ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ autoplay ใน HTML: <!DOCTYPE HTML> <html> <body> <video width=300 height=200 controls autoplay> <source src

ใช้แอตทริบิวต์ border ใน HTML เพื่อแสดงความหนาของเส้นขอบ หมายเหตุ: แอตทริบิวต์นี้ ไม่รองรับใน HTML5 ตัวอย่าง (วิธีเก่า)คุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้การใช้แอตทริบิวต์ border ใน HTML: <!DOCTYPE html> <html> <body> <h2>นักขว้างลูกโป่ง</h2> <tabl

การเข้ารหัสตัวอักษร (Character encoding) เป็นวิธีแปลงไบต์เป็นตัวอักษร เพื่อให้โปรแกรมตรวจสอบหรือแสดงเอกสาร HTML ได้ถูกต้อง ต้องเลือกการเข้ารหัสที่เหมาะสม ใช้แท็ก <meta> เพื่อตั้งค่าแอตทริบิวต์ charset และระบุการเข้ารหัสตัวอักษรสำหรับเอกสาร HTML: <!DOCTYPE html> <html> <head&

ใช้แอตทริบิวต์ checked เพื่อระบุว่า <input> ควรถูกเลือกไว้ล่วงหน้า (pre-selected) เมื่อโหลดหน้า แอตทริบิวต์นี้ทำงานกับ: <input type=checkbox> <input type=radio>. ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ checked ใน HTML: <!DOCTYPE html> <html> <bo

แอตทริบิวต์ cite ช่วยให้เพิ่ม URL และอธิบายว่าทำไมข้อความถึงถูกลบหรือแทรก ใช้กับแท็ก <q>, <blockquote>, <del>, <ins> ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ cite: <!DOCTYPE html> <html> <body> <h3>นิยาม WordPress</h3>

ใช้แอตทริบิวต์ color ใน HTML เพื่อแสดงสีของข้อความ หมายเหตุ: แอตทริบิวต์นี้ ไม่รองรับใน HTML5 ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้การใช้แอตทริบิวต์ color ใน HTML: <!DOCTYPE html> <html> <head> <title>HTML Background Colors</title> </head>

ใช้แอตทริบิวต์ cols ใน HTML เพื่อแสดงความกว้างที่มองเห็นได้ของ textarea (จำนวนตัวอักษรต่อแถว) ตัวอย่าง<!DOCTYPE html> <html> <body> <textarea rows=3 cols=40> นี่คือย่อหน้าสาธิต นี่คือย่อหน้าสาธิต นี่คือย่อหน้าสาธิต นี่คือย่อหน้าสาธิต </textarea&

ใช้แอตทริบิวต์ colspan เพื่อตั้งค่าจำนวนคอลัมน์ที่เซลล์ตารางควรครอบคลุม (merge คอลัมน์) ตัวอย่าง<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <h2>

ใช้แอตทริบิวต์ default เพื่อระบุว่าแทร็กนี้ควรเปิดใช้งาน หากคุณให้แทร็กคำบรรยายสองแทร็กสำหรับวิดีโอ แทร็กที่มี default จะถูกเลือกอัตโนมัติ ตัวอย่างคุณสามารถลองโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ default สำหรับแทร็ก: <!DOCTYPE HTML> <html> <body> <video width=300 height=2

แท็ก <wbr> ใน HTML กำหนดจุดขึ้นบรรทัดใหม่ที่เป็นไปได้ (Word Break Opportunity) ใช้เมื่อต้องการให้เบราว์เซอร์ขึ้นบรรทัดใหม่ที่จุดเฉพาะหากพื้นที่ไม่พอ ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้การใช้แท็ก <wbr> ใน HTML: <!DOCTYPE html> <html> <head> <titl

ใช้แท็ก <xmp> เพื่อสร้างข้อความจัดรูปแบบล่วงหน้า (preformatted text) หมายเหตุ: แท็ก <xmp> Deprecated (เลิกใช้งาน) แล้ว ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีสร้างข้อความจัดรูปแบบล่วงหน้าใน HTML: <!DOCTYPE html> <html> <head> <title>HTML xmp

ใช้แอตทริบิวต์ accept เพื่อตั้งค่าประเภทไฟล์ที่เซิร์ฟเวอร์ยอมรับใน HTML ใช้แอตทริบิวต์นี้ได้เฉพาะกับ <input type=file> เท่านั้น ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อทำงานกับแอตทริบิวต์ accept: <!DOCTYPE html> <html> <head> <title>File Upload Box</title>

แอตทริบิวต์ accept-charset ใน HTML ใช้สำหรับระบุการเข้ารหัสตัวอักษร (character encodings) สำหรับการส่งฟอร์ม ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ accept-charset ใน HTML: <!DOCTYPE html> <html> <head> <title>File Upload Box</title> </he

ใช้แอตทริบิวต์ alt เพื่อเพิ่มข้อความทางเลือกสำหรับรูปภาพ หากผู้ใช้มองไม่เห็น (ปัญหาโหลด) ข้อความเดียวกันจะแสดงแทน นอกจากนี้ แอตทริบิวต์นี้ช่วยให้โปรแกรมอ่านหน้าจอ (screen readers) อ่านเนื้อหาให้ผู้ใช้ฟังได้ ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ alt ใน HTML: <!DOCTYPE html>

ใช้แอตทริบิวต์ align เพื่อตั้งค่าการจัดตำแหน่ง คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ align ใน HTML: หมายเหตุ: แอตทริบิวต์ align Deprecated ใน HTML5 ควรใช้ CSS แทน ตัวอย่าง<!DOCTYPE html> <html> <body> <p align=right>ย่อหน้าจัดชิดขวา</p> <p&g

ใช้แอตทริบิวต์ action เพื่อระบุไฟล์หรือ URL ปลายทางที่ข้อมูลฟอร์มจะถูกส่งไปเมื่อคลิกปุ่ม Submit สามารถระบุอีเมลเพื่อส่งข้อมูลไปยังอีเมลนั้นได้เช่นกัน ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อตั้งค่าปลายทางส่งข้อมูลฟอร์มใน HTML: <!DOCTYPE html> <html> <body> <h2>ฟอร์มต

ใช้แอตทริบิวต์ async เพื่อตั้งค่าให้สคริปต์ทำงานแบบอะซิงโครนัส (asynchronously) เมื่อไฟล์พร้อม ทำงานได้เฉพาะกับสคริปต์ภายนอก (external script) เท่านั้น ขั้นตอน ขั้นแรก สร้างไฟล์ JS ชื่อ new.js: function sayHello() { alert(Hello World) } จากนั้นเพิ่มโค้ด HTML และเรียกใช้สคริปต์ข้างต้น: <html&g

ใช้แอตทริบิวต์ autocomplete เพื่อเปิด/ปิดฟีเจอร์ออโต้คอมเพลีต (autocomplete) ในฟอร์ม HTML หากเปิดอยู่ เบราว์เซอร์จะแสดงค่าที่ป้อนไปก่อนหน้านี้อัตโนมัติ ค่าแอตทริบิวต์ ลำดับ ค่า คำอธิบาย 1 on ค่าเริ่มต้น เบราว์เซอร์เติมค่าอัตโนมัติตามที่ผู้ใช้เคยป้อน 2 off เบราว์เซอร์ไม่เติมค่าอัตโนมัติ ผู้ใ

ใช้แอตทริบิวต์ autofocus เพื่อระบุว่าองค์ประกอบควรได้รับโฟกัสอัตโนมัติเมื่อโหลดหน้าใน HTML ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้การใช้งานแอตทริบิวต์ autofocus ใน HTML: <!DOCTYPE html> <html> <body> <p>คลิกที่ปุ่มด้านล่างเพื่อสร้างกล่องแจ้งเตือน</p>

ใช้แท็ก <th> ใน HTML เพื่อสร้างหัวข้อตาราง แท็ก HTML <th> ใช้สำหรับระบุเซลล์หัวข้อหรือหัวตารางภายในตาราง ข้อความใน <th> จะแสดงหนา (bold) และจัดกึ่งกลางโดยค่าเริ่มต้น แอตทริบิวต์ของ <th> แอตทริบิวต์ ค่า คำอธิบาย abbr abbreviated_text Deprecated - ระบุเวอร์ชันย่อของเนื้อ