Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML
HTML
  1. HTML <th> colspan Attribute - รวมหัวข้อคอลัมน์ในตาราง

    แอตทริบิวต์ colspan ของแท็ก <th> (table header cell) ใช้ระบุจำนวนคอลัมน์ที่เซลล์หัวข้อนี้ควรครอบคลุม (span across) คล้ายกับ <td colspan> แต่ใช้สำหรับหัวข้อ รูปแบบการใช้งาน <th colspan=2>หัวข้อรวม 2 คอลัมน์</th> ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <head&g

  2. HTML DOM Anchor download Property - คุณสมบัติการดาวน์โหลดลิงก์

    คุณสมบัติ (property) download ของ DOM Anchor Element (HTMLAnchorElement) ใช้ ตั้งค่า หรือ อ่านค่า ของแอตทริบิวต์ download ในแท็ก <a> ซึ่งระบุชื่อไฟล์เมื่อผู้ใช้ดาวน์โหลด รูปแบบการใช้งาน (Syntax) // ตั้งค่า (Setter) anchorElement.download = filename.ext; // อ่านค่า (Getter) const filename = a

  3. คุณสมบัติ hash ของ DOM Anchor: อ่าน/ตั้งค่า Anchor Part ของ URL

    คุณสมบัติ anchor.hash คืออะไร? คุณสมบัติ hash ของ HTMLAnchorElement (แท็ก <a>) ใช้สำห อ่าน/ตั้งค่าส่วน Anchor (Fragment Identifier) ของ URL** คือส่วนหลังเครื่องหมาย # รวม # ด้วย ไวยากรณ์ (Syntax) // อ่านค่า var fragment = anchorElement.hash; // คืนค่า #section1 หรือ // ตั้งค่า anchorElement

  4. แท็ก HTML <center>: จัดกึ่งกลาง (ล้าสมัย ใช้ CSS แทน)

    แท็ก <center> ใน HTML คืออะไร? แท็ก <center> ใช้สำห จัดเนื้อหาให้อยู่กึ่งกลางแนวนอน (Horizontal Center)** แต่ แท็กนี้ล้าสมัย (Deprecated) ใน HTML5 แล้ว** ควรใช้ CSS แทน ตัวอย่าง (โค้ดเก่า - ไม่ควรใช้) <!DOCTYPE html> <html> <head> <style> table, th, td { border

  5. คุณสมบัติ accessKey ของ DOM: ตั้งค่า Shortcut Key สำหรับอิลิเมนต์

    คุณสมบัติ accessKey ของ DOM คืออะไร? คุณสมบัติ accessKey ของ HTMLElement ใช้สำห อ่าน/ตั้งค่าแอตทริบิวต์ accesskey** ซึ่งกำหนดปุ่มลัด (Shortcut Key) เพื่อให้ Focus หรือ Activate อิลิเมนต์นั้นได้ ไวยากรณ์ (Syntax) // อ่านค่า var key = element.accessKey; // ตั้งค่า element.accessKey = g; // ตัวอักษรเ

  6. คุณสมบัติ activeElement ของ DOM: อิลิเมนต์ที่มี Focus อยู่

    คุณสมบัติ document.activeElement คืออะไร? คุณสมบัติ document.activeElement เป็น Read-only Property ที่ คืนค่าอิลิเมนต์ที่มี Focus อยู่ในขณะนั้น (Currently Focused Element)** ในเอกสาร ไวยากรณ์ (Syntax) var focusedElement = document.activeElement; ตัวอย่างการใช้งาน ลิงก์ทดสอบ</a> <p id=ou

  7. แท็ก HTML <dfn>: กำหนดคำศัพท์/คำจำกัดความครั้งแรก

    แท็ก <dfn> ใน HTML คืออะไร? แท็ก <dfn> (Definition) ใช้สำห ระบุจุดที่นิยามคำศัพท์/คำจำกัดความครั้งแรก (Defining Instance)** ในเอกสาร บอกเบราวเซอร์และ Search Engine ว่านี่คือจุดที่คำนี้ถูกนิยาม ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <body> <h2>วิชาใน MCA</h

  8. แท็ก HTML <embed>: ฝังแอปพลิเคชัน/เนื้อหาภายนอก

    แท็ก <embed> ใน HTML คืออะไร? แท็ก <embed> ใช้สำห ฝังแอปพลิเคชันหรือเนื้อหาภายนอก (External Content) ลงในหน้า HTML** เช่น Flash (SWF), PDF, Video, Audio, SVG, 3D Models เป็นต้น เป็น Void Element (ไม่มีแท็กปิด) แอตทริบิวต์หลัก แอตทริบิวต์คำอธิบาย srcURL ของไฟล์ที่จะฝัง

  9. แท็ก HTML <font>: ล้าสมัยแล้ว ใช้ CSS แทน

    แท็ก <font> ใน HTML คืออะไร? แท็ก <font> ใช้สำห ตั้งค่าสีฟอนต์ (color), ชื่อฟอนต์ (face), และขนาดฟอนต์ (size)** ใน HTML แบบเก่า แต่ แท็กนี้ล้าสมัย (Deprecated) ใน HTML5 แล้ว** ห้ามใช้ในโปรเจกต์ใหม่ แอตทริบิวต์ของ <font> (ล้าสมัย) แอตทริบิวต์ฟังก์ชันCSS ที่แทนที่

  10. แอตทริบิวต์ autocomplete ของ <form>: ควบคุมการกรอกอัตโนมัติของเบราวเซอร์

    แอตทริบิวต์ autocomplete ของ <form> คืออะไร? แอตทริบิวต์ autocomplete ของแท็ก <form> ใช้สำห ควบคุมฟีเจอร์ Autocomplete ของเบราวเซอร์** สำหรับฟอร์มทั้งหมด (On/Off) เบราวเซอร์จะจดจำค่าที่ผู้ใช้กรอกไว้ และเสนอให้เลือกเมื่อกรอกครั้งต่อไป ไวยากรณ์ (Syntax) <form autocomplete=on | off>

  11. เมธอด addEventListener() ของ DOM: ผูก Event Handler แบบมาตรฐาน

    เมธอด addEventListener() คืออะไร? เมธอด addEventListener() ใช้สำห ผูก Event Handler (ฟังก์ชันจัดการเหตุการณ์) ให้กับอิลิเมนต์** เป็นวิธีมาตรฐาน (W3C DOM Level 2) แทนที่วิธีเก่า onclick, onmouseover เป็นต้น ไวยากรณ์ (Syntax) element.addEventListener(event, function, capture); พารามิเตอร์ พา

  12. คุณสมบัติ name ของ DOM Object: อ่าน/ตั้งค่าชื่อของ Object

    คุณสมบัติ name ของ DOM Object คืออะไร? คุณสมบัติ name ของ HTMLObjectElement ใช้สำห อ่านหรือตั้งค่าแอตทริบิวต์ name ของ <object>** ใช้ระบุชื่อออบเจกต์สำหรับ Scripting, Form Submission, หรือ Target ของ Frame/Window ไวยากรณ์ (Syntax) // อ่านค่า var name = objectElement.name; // ตั้งค่า objectEl

  13. แอตทริบิวต์ href ของ <area>: กำหนดลิงก์เป้าหมายใน Image Map

    แอตทริบิวต์ href ของ <area> คืออะไร? แอตทริบิวต์ href ของแท็ก <area> ใช้สำห กำหนด URL เป้าหมาย (Hyperlink Target) ของพื้นที่ใน Image Map** เมื่อผู้ใช้คลิกที่พื้นที่นั้น จะนำทางไปยัง URL นี้ ไวยากรณ์ (Syntax) <area href=URL> รูปแบบ URL ที่รองรับ Absolute URL: https://example.co

  14. แอตทริบิวต์ data ของ <object>: ระบุ URL ของทรัพยากรฝัง

    แอตทริบิวต์ data ของ <object> คืออะไร? แอตทริบิวต์ data ของแท็ก <object> ใช้สำห ระบุ URL ของทรัพยากร (Resource) ที่จะฝัง** เช่น ไฟล์เสียง วิดีโอ PDF Flash (SWF) รูปภาพ เป็นต้น ไวยากรณ์ (Syntax) <object data=URL></object> ตัวอย่างการใช้งาน <!DOCTYPE html> <html>

  15. แอตทริบิวต์ dir ใน HTML: กำหนดทิศทางข้อความ (LTR/RTL)

    แอตทริบิวต์ dir ใน HTML คืออะไร? แอตทริบิวต์ dir (Direction) ใช้สำห กำหนดทิศทางการแสดงข้อความ (Text Direction)** ของอิลิเมนต์และลูกหลาน ไวยากรณ์ (Syntax) <element dir=ltr | rtl | auto> ค่าที่ใช้ได้ ค่าคำอธิบาย ltrLeft-to-Right (ซ้ายไปขวา) - ค่าเริ่มต้น ภาษาอังกฤษ ไทย ฯลฯ

  16. แอตทริบิวต์ disabled ใน HTML: ปิดใช้งานอิลิเมนต์

    แอตทริบิวต์ disabled ใน HTML คืออะไร? แอตทริบิวต์ disabled ใช้สำห ปิดใช้งาน (Disable) อิลิเมนต์** ทำให้ไม่สามารถโต้ตอบได้: ไม่ได้รับ Focus, ไม่คลิกได้, ไม่พิมพ์ได้, ไม่ส่งค่ากับ Form Submit อิลิเมนต์ที่รองรับ disabled <button>, <textarea>, <optgroup>, <select>, <fieldset&

  17. แท็ก HTML <dl>: รายการคำอธิบาย (Description List)

    แท็ก <dl> ใน HTML คืออะไร? แท็ก <dl> (Description List) ใช้สำห สร้างรายการคำอธิบาย (Description List)** ใน HTML5 ใช้สำหรับ Key-Value pairs, Terms & Definitions, Metadata, FAQ เป็นต้น แตกต่างจาก HTML4 ที่เรียกว่า Definition List โครงสร้าง <dl> - Container ของรายการ <dt&

  18. คุณสมบัติ height ของ DOM Object: กำหนด/อ่านความสูงของ Object

    คุณสมบัติ height ของ DOM Object คืออะไร? คุณสมบัติ height ของ HTMLObjectElement (แท็ก <object>) ใช้สำหรับ อ่านหรือตั้งค่าความสูงของออบเจกต์ในหน่วยพิกเซล (Pixels)** ไวยากรณ์ (Syntax) // อ่านค่า var h = objectElement.height; // ตั้งค่า objectElement.height = 350; // หรือตัวเลข 350 ตัวอย่างการ

  19. แอตทริบิวต์ data-* ใน HTML: เก็บข้อมูลกำหนดเองบนอิลิเมนต์

    แอตทริบิวต์ data-* ใน HTML คืออะไร? แอตทริบิวต์ data-* (Custom Data Attributes) ใช้สำหรับ เก็บข้อมูลเฉพาะตัว (Custom Data) บนอิลิเมนต์ HTML ใดๆ ได้** เป็น Global Attribute ใช้ได้กับทุกอิลิเมนต์ ช่วยให้เข้าถึงข้อมูลผ่าน JavaScript/ง่ายขึ้น ไวยากรณ์ (Syntax) <element data-attribute-name=value>

  20. คุณสมบัติ defaultPrevented ของ Event: ตรวจสอบว่า preventDefault() ถูกเรียกหรือไม่

    คุณสมบัติ event.defaultPrevented คืออะไร? คุณสมบัติ event.defaultPrevented ใช้สำหรับ ตรวจสอบว่าเมธอด preventDefault() ถูกเรียกไปแล้วหรือไม่** คืนค่า Boolean: true หากเรียกแล้ว, false หากยังไม่ได้เรียก ไวยากรณ์ (Syntax) event.defaultPrevented ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <

Total 2078 -คอมพิวเตอร์  FirstPage PreviousPage NextPage LastPage CurrentPage:64/104  20-คอมพิวเตอร์/Page Goto:1 58 59 60 61 62 63 64 65 66 67 68 69 70