แอตทริบิวต์ draggable ของ HTML DOM ใช้สำหรับคืนค่า หรือตั้งค่าค่า boolean ที่ระบุว่าองค์ประกอบสามารถลาก (draggable) ได้หรือไม่ หมายเหตุ: ลิงก์และภาพสามารถลากได้โดยค่าเริ่มต้น ตัวอย่างการใช้งาน ตัวอย่างต่อไปนี้แสดงการใช้งาน HTML draggable Attribute: <!DOCTYPE html> <html> <head> <

HTML Editors คือเครื่องมือสำหรับเขียนและรัน (ในบางกรณี) เอกสาร HTML มี HTML Editors แบบมืออาชีพหลายตัวให้เลือก (ทั้งเสียเงินและฟรี) HTML Editors ต่างๆ มีฟีเจอร์เสริมพิเศษนอกเหนือจาก Notepad เช่น ธีม การรองรับเทอร์มินัล ฯลฯ HTML Editors ที่นิยมใช้กัน: Notepad ตัวแก้ไข HTML พื้นฐานที่สุด ฟรี Notepad+

ก่อนจะเปรียบเทียบความแตกต่างของทั้งสองคำที่กว้างขวางนี้ สำคัญที่จะต้องนิยามภาษาเครื่องหมาย (markup language) ก่อน เพราะ HTML ย่อมาจาก Hyper Text Markup Language โดยภาษาเครื่องหมายใช้กำหนดเอกสารข้อความภายในแท็กที่กำหนดโครงสร้างหน้าเว็บ ดังนั้น HTML คือการรวมของ Hypertext และ Markup language เนื่องจาก

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

อีเมล HTML ก็คืออีเมล แต่จัดรูปแบบคล้ายหน้าเว็บ โดยใช้กราฟิก สี ลิงก์ และคอลัมน์ตาราง ลองนึกถึงจดหมายข่าว (newsletter) ที่เคยรับมา นั่นคือลักษณะของอีเมล HTML ในขณะที่ข้อความธรรมดา (plain text) มีแต่ข้อความ ลองนึกถึงอีเมลภายในองค์กรทั่วไป นั่นคือลักษณะของอีเมลข้อความธรรมดา โดยทั่วไป นักการตลาดอีเมลไม

คุณสมบัติ width ของ HTML DOM Video ใช้สำหรับคืนค่า หรือตั้งค่าตัวเลขที่สอดคล้องกับความกว้าง (พิกเซล) ของสื่อ ไวยากรณ์ (Syntax) การคืนค่า width เป็นตัวเลข (px) mediaObject.width การตั้งค่า width เป็นตัวเลข (px) mediaObject.width = number ตัวอย่างการใช้งาน ตัวอย่างต่อไปนี้แสดงการใช้งานคุณสมบัติ Video

คุณสมบัติ deltaX ของ HTML DOM WheelEvent ใช้สำหรับคืนค่าตัวเลขที่มีเครื่องหมาย (signed number) ที่บ่งชี้ว่าผู้ใช้กำลังเลื่อนซ้ายหรือขวา หากผู้ใช้เลื่อนในทิศทางอื่น คุณสมบัตินี้จะคืนค่า 0 ไวยากรณ์ (Syntax) การคืนค่าตัวเลขที่มีเครื่องหมาย event.deltaX ตัวอย่างการใช้งาน ตัวอย่างต่อไปนี้แสดงการใช้งานคุณ

คุณสมบัติ deltaY ของ HTML DOM WheelEvent ใช้สำหรับคืนค่าตัวเลขที่มีเครื่องหมาย (signed number) ที่บ่งชี้ว่าผู้ใช้กำลังเลื่อนขึ้นหรือลง หากผู้ใช้เลื่อนในทิศทางอื่น คุณสมบัตินี้จะคืนค่า 0 ไวยากรณ์ (Syntax) การคืนค่าตัวเลขที่มีเครื่องหมาย event.deltaY ตัวอย่างการใช้งาน ตัวอย่างต่อไปนี้แสดงการใช้งานคุณส

คุณสมบัติ closed ของ HTML DOM Window ใช้สำหรับคืนค่า boolean ที่สอดคล้องกับสถานะของหน้าต่างว่าปิดแล้วหรือไม่ ไวยากรณ์ (Syntax) การคืนค่า Boolean window.closed ตัวอย่างการใช้งาน ตัวอย่างต่อไปนี้แสดงการใช้งานคุณสมบัติ HTML DOM Window closed: <!DOCTYPE html> <html> <head> <title>

คุณสมบัติ frameElement ของ HTML DOM Window ใช้สำหรับคืนค่าองค์ประกอบ HTML ที่สอดคล้องกับหน้าต่างที่ถูกฝังอยู่ เช่น <embed>, <iframe>, หรือ <object> ไวยากรณ์ (Syntax) การคืนค่าองค์ประกอบที่ฝังหน้าต่าง window.frameElement ตัวอย่างการใช้งาน ตัวอย่างต่อไปนี้แสดงการใช้งานคุณสมบัติ HTML

คุณสมบัติ frames ของ HTML DOM Window ใช้สำหรับคืนค่าอ็อบเจกต์ที่สอดคล้องกับหน้าต่าง แทนเฟรมทั้งหมดที่อยู่ในหน้าต่างนั้น ไวยากรณ์ (Syntax) การคืนค่าเฟรมในหน้าต่างปัจจุบัน window.frames ตัวอย่างการใช้งาน ตัวอย่างต่อไปนี้แสดงการใช้งานคุณสมบัติ HTML DOM Window frames: <!DOCTYPE html><html> &

คุณสมบัติ localStorage ของ HTML DOM ช่วยให้ผู้ใช้จัดเก็บคู่คีย์-ค่า (key-value pairs) ไว้ในเบราว์เซอร์ท้องถิ่นเพื่อการอ้างอิงในอนาคต คู่คีย์-ค่าจะไม่หายไปจนกว่าจะถูกลบ/ล้างออกอย่างชัดเจน ไวยากรณ์ (Syntax) Window.localStorage ที่นี่ localStorage สามารถมีคุณสมบัติ/เมธอดต่อไปนี้: setItem(key, value) g

คุณสมบัติ opener ของ HTML DOM Window ใช้สำหรับคืนค่าอ้างอิงไปยังหน้าต่างพาเรนต์ที่เปิด/สร้างหน้าต่างลูกโดยใช้ open() ไวยากรณ์ (Syntax) การคืนค่าอ้างอิงหน้าต่างพาเรนต์ window.opener ตัวอย่างการใช้งาน ตัวอย่างต่อไปนี้แสดงการใช้งานคุณสมบัติ HTML DOM Window opener: <!DOCTYPE html> <html> <

คุณสมบัติ parent ของ HTML DOM Window ใช้สำหรับคืนค่าอ้างอิงไปยังหน้าต่างพาเรนต์ (parent window) ของหน้าต่างลูก (child window) ไวยากรณ์ (Syntax) การคืนค่าอ้างอิงหน้าต่างพาเรนต์ window.parent ตัวอย่างการใช้งาน ตัวอย่างต่อไปนี้แสดงการใช้งานคุณสมบัติ HTML DOM Window parent: <!DOCTYPE html> <htm

เมธอด stop() ของ HTML DOM Window ให้ผู้ใช้ฟังก์ชันหยุดการโหลดทรัพยากรของหน้าต่างโดยไม่ต้องคลิกปุ่มหยุดของเบราว์เซอร์ ไวยากรณ์ (Syntax) window.stop() ตัวอย่างการใช้งาน ตัวอย่างต่อไปนี้แสดงการใช้งานเมธอด HTML DOM Window stop(): <!DOCTYPE html> <html> <head> <title>HTML DOM Wind

คุณสมบัติ playbackRate ของ HTML DOM Video ใช้สำหรับคืนค่า หรือตั้งค่าตัวเลขที่สอดคล้องกับอัตราการเล่นปัจจุบันของสื่อ ไวยากรณ์ (Syntax) การคืนค่า playbackRate เป็นตัวเลข mediaObject.playbackRate การตั้งค่า playbackRate เป็นตัวเลข mediaObject.playbackRate = number หมายเหตุ: ตัวเลข มีค่าสูงสุด 16 และถ้

คุณสมบัติ played ของ HTML DOM Video ใช้สำหรับคืนค่าอ็อบเจกต์ TimeRanges ที่มีข้อมูลเกี่ยวกับช่วงที่เล่นแล้ว (played) ของวิดีโอ รวมถึงความยาว ตำแหน่งเริ่มต้น และตำแหน่งสิ้นสุด ไวยากรณ์ (Syntax) การคืนค่าอ็อบเจกต์ TimeRanges mediaObject.played ตัวอย่างการใช้งาน ตัวอย่างต่อไปนี้แสดงการใช้งานคุณสมบัติ V

คุณสมบัติ poster ของ HTML DOM Video ใช้สำหรับคืนค่า หรือตั้งค่าสตริงที่สอดคล้องกับ URL ของภาพที่แสดงจนกว่าวิดีโอจะถูกเล่น หรือสถานะเครือข่ายเท่ากับ 2 ไวยากรณ์ (Syntax) การคืนค่าสตริง mediaObject.poster การตั้งค่า poster เป็น URLString mediaObject.poster = URLString ตัวอย่างการใช้งาน ตัวอย่างต่อไปนี้

คุณสมบัติ preload ของ HTML DOM Video ใช้สำหรับคืนค่าสตริงที่บ่งชี้ว่าผู้สร้างคิดว่าข้อมูลวิดีโอควรโหลดเมื่อใด แม้ว่าบางครั้งอาจถูกข้ามไป ค่าเริ่มต้นคือ metadata ไวยากรณ์ (Syntax) การคืนค่าสตริง mediaObject.preload การตั้งค่า preload เป็นสตริง mediaObject.preload = auto|metadata|none ตัวอย่างการใช้งา

คุณสมบัติ readyState ของ HTML DOM Video ใช้สำหรับคืนค่าตัวเลขที่สอดคล้องกับสถานะพร้อมปัจจุบันของวิดีโอ ไวยากรณ์ (Syntax) การคืนค่าตัวเลข mediaObject.readyState ค่าที่คืนกลับสามารถเป็นได้ดังนี้: 0 (HAVE_NOTHING) - ไม่มีข้อมูลพร้อมใช้งาน 1 (HAVE_METADATA) - ข้อมูลเมตาของสื่อพร้อม และวิดีโอเลื่อนได้แล