Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML
HTML
  1. แอตทริบิวต์ id ใน HTML: ตัวระบุเฉพาะเจาะจงสำหรับ CSS และ JavaScript

    แอตทริบิวต์ id คืออะไร? แอตทริบิวต์ id ใช้กำหนด **ตัวระบุเฉพาะเจาะจง (Unique Identifier)** ให้กับเอลิเมนต์ HTML เพื่อ: เป็นเป้าหมายของ CSS Selector (#id) ค้นหาเอลิเมนต์ด้วย JavaScript (document.getElementById()) เชื่อมโยงกับ <label for=id> เพื่อเข้าถึงได้ง่าย (Accessibility) เป็น Fragment Ide

  2. แอตทริบิวต์ readonly ของ <input> ใน HTML

    แอตทริบิวต์ readonly คืออะไร? แอตทริบิวต์ readonly (Boolean Attribute) ใช้ประกาศว่า <input> (หรือ <textarea>) **ไม่สามารถแก้ไขได้โดยผู้ใช้** แต่: ค่าสามารถ **คัดลอก (Copy)** ได้ ค่า **จะถูกส่งไปกับฟอร์ม** เมื่อ Submit (ต่างจาก disabled) ยังสามารถ **โฟกัส (Focus)** ได้ (Tab เข้าไปได้) สไ

  3. แอตทริบิวต์ value ของ <input> ใน HTML DOM

    แอตทริบิวต์ value คืออะไร? แอตทริบิวต์ value ของเอลิเมนต์ <input> ใช้สำหรับ กำหนดค่าเริ่มต้น หรือ อ่านค่าปัจจุบัน ที่ผู้ใช้กรอก/เลือก คุณสมบัติ .value ใน JavaScript (DOM Property) ใช้เข้าถึงและแก้ไขค่านี้ได้ การใช้งานกับประเภท input ต่างๆ ประเภท Input การทำงานของ value text, email, url,

  4. คุณสมบัติ isTrusted ของ Event ใน HTML DOM

    คุณสมบัติ isTrusted คืออะไร? คุณสมบัติ isTrusted ของออบเจ็กต์ Event ใน HTML DOM คืนค่า Boolean (true หรือ false) บ่งบอกว่าเหตุการณ์ (Event) เกิดขึ้นจาก **การกระทำของผู้ใช้จริง** หรือจาก **สคริปต์ (Script)** true: เหตุการณ์ถูกกระตุ้นโดยผู้ใช้ (คลิกเมาส์, กดแป้นพิมพ์, แตะหน้าจอ) false: เหตุการณ์ถูกก

  5. เมธอด createCaption() ของตารางใน HTML DOM

    เมธอด createCaption() คืออะไร? เมธอด createCaption() ของออบเจ็กต์ตาราง (HTMLTableElement) ใน HTML DOM ใช้สร้างเอลิเมนต์ <caption> ว่างๆ และเพิ่มเข้าไปในตารางโดยอัตโนมัติ หากตารางมี <caption> อยู่แล้ว จะคืนค่า caption เดิม (ไม่สร้างใหม่) รูปแบบการใช้งาน (Syntax) tableElement.createCaptio

  6. ความคิดเห็นใน HTML (HTML Comments): การเขียนและแนวทางปฏิบัติ

    ความคิดเห็น HTML คืออะไร? ความคิดเห็น (Comments) ใน HTML เขียนระหว่างแท็ก <!-- ... --> เนื้อหาภายในแท็กเหล่านี้จะ ไม่แสดงผลบนเบราว์เซอร์ แต่จะมองเห็นได้ในซอร์สโค้ด (View Source) ใช้สำหรับ: อธิบายโค้ด ให้ผู้พัฒนาคนอื่น (หรือตัวเองในอนาคต) เข้าใจง่าย ปิดการทำงานของโค้บบางส่วนชั่วคราว (Debugging

  7. คุณสมบัติ hostname ของ Anchor ใน HTML DOM

    คุณสมบัติ hostname คืออะไร? คุณสมบัติ hostname ของวัตถุ Anchor (Anchor Object) ใน HTML DOM ใช้สำหรับ อ่านหรือตั้งค่าเฉพาะชื่อโฮสต์ (Domain name) ของ URL ในลิงก์ ไม่รวมพอร์ต (Port) ไม่รวมโปรโตคอล (Protocol) และไม่รวมเส้นทาง (Path) รูปแบบการใช้งาน (Syntax) อ่านค่า hostname: anchorObj.hostname ตั้งค่า

  8. วัตถุ Anchor (Anchor Object) ใน HTML DOM

    วัตถุ Anchor คืออะไร? เอลิเมนต์ <a> ใช้สร้างไฮเปอร์ลิงก์ใน HTML พร้อมแอตทริบิวต์ href วัตถุ Anchor (Anchor Object) ใน HTML DOM แทนเอลิเมนต์ <a> นี้ ทำให้ JavaScript สามารถเข้าถึงและจัดการลิงก์ได้ ตัวอย่าง: การเข้าถึงวัตถุ Anchor <!DOCTYPE html> <html> <body> <h2&g

  9. การสร้างฟอร์มใน HTML: คู่มือครบวงจรพร้อมตัวอย่าง

    ฟอร์ม HTML คืออะไร? ฟอร์ม HTML ใช้สำหรับรับข้อมูลจากผู้เยี่ยมชมเว็บไซต์ เช่น การสมัครสมาชิก (ชื่อ, อีเมล, หมายเลขบัตรเครดิต) การสำรวจความคิดเห็น หรือการเข้าสู่ระบบ ข้อมูลที่กรอกจะถูกส่งไปยังแอปพลิเคชันแบ็กเอนด์ (PHP, Node.js, Python, CGI, ASP) เพื่อประมวลผลตามตรรกะทางธุรกิจ โครงสร้างพื้นฐานของฟอร์ม

  10. แท็ก <meta> ใน HTML: ข้อมูลเมตาสำหรับ SEO และเบราว์เซอร์

    แท็ก <meta> คืออะไร? แท็ก <meta> ใน HTML ใช้สำหรับกำหนดข้อมูลเมตา (Metadata) ของหน้าเว็บ เช่น คำอธิบาย (Description), คีย์เวิร์ด (Keywords), ผู้เขียน (Author) และการตั้งค่าดูแล้ว (Viewport) ข้อมูลเหล่านี้ ไม่แสดงบนหน้าเว็บโดยตรง แต่ถูกใช้โดยเครื่องมือค้นหา (Search Engines), เบราว์เซอร์ แ

  11. แอตทริบิวต์ max ของเอลิเมนต์ <meter> ใน HTML

    แอตทริบิวต์ max คืออะไร? แอตทริบิวต์ max ของเอลิเมนต์ <meter> ใช้กำหนดค่าสูงสุด (Upper bound) ของเกจวัดค่า <meter> เอลิเมนต์นี้ใช้แสดงค่าที่อยู่ในช่วงที่กำหนด เช่น ระดับมลพิษของน้ำ โดยใช้แอตทริบิวต์ min และ max กำหนดช่วงค่า รูปแบบการเขียน (Syntax) <meter max=number> number คือค่าต

  12. แอตทริบิวต์ enctype ใน HTML: รูปแบบการเข้ารหัสข้อมูลฟอร์ม

    แอตทริบิวต์ enctype คืออะไร? แอตทริบิวต์ enctype ใน HTML ใช้ระบุรูปแบบการเข้ารหัส (Encoding) ของข้อมูลฟอร์มก่อนส่งไปยังเซิร์ฟเวอร์ แอตทริบิวต์นี้ทำงานเฉพาะเมื่อใช้เมธอด POST เท่านั้น ค่าที่เป็นไปได้ของ enctype ค่า (Value) คำอธิบาย application/x-www-form-urlencoded ค่าเริ่มต้น (Default) เข้าร

  13. เอนทิตี้ HTML: รหัสอักขระพิเศษสำหรับการพัฒนาเว็บ

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

  14. File Paths ใน HTML (พาธไฟล์)

    File path (พาธไฟล์) ในเว็บไซต์คือตำแหน่งของไฟล์ในเว็บไซต์นั้น อาจเป็น Relative path (พาธสัมพัทธ์) อ้างอิงจากตำแหน่งปัจจุบัน หรือ Absolute path (พาธสัมบูรณ์) คือ URL เต็มของไฟล์ ไวยากรณ์ (Syntax) 1) Relative Path (พาธสัมพัทธ์) src=ImgFolder/picture.jpg หรือ src=../ImgFolder/picture.jpg หรือ src=/Im

  15. แอตทริบิวต์ for ใน HTML

    แอตทริบิวต์ for ใน HTML ผูก <label> element กับ element แรกที่สามารถตั้ง label ได้ (labelable element) ซึ่งมี id เท่ากับค่าของ for attribute ไวยากรณ์ (Syntax) ดึงค่า for attribute ผ่าน JavaScript: labelObject.htmlFor หมายเหตุ: ใน JavaScript ใช้ htmlFor (camelCase) ไม่ใช่ for เพราะ for เป็น re

  16. แอตทริบิวต์ HTML (HTML Attributes)

    แอตทริบิวต์ (Attributes) ใช้สำหรับกำหนดคุณสมบัติให้ element เช่น ความกว้าง/สูงของรูปภาพหรือ canvas ทุก element สามารถมี attribute ได้ และให้ข้อมูลเพิ่มเติม Attribute ประกอบด้วย ชื่อ (name) และ ค่า (value) ตัวอย่าง <canvas id=newCanvas width=400 height=300> <img alt=alternate text> เครื

  17. แท็ก HTML ที่ถูก Deprecated (เลิกใช้)

    ด้วยการนำ HTML5 มาใช้งาน หลายแท็กใน HTML4 ถูก Deprecated (เลิกใช้/ไม่แนะนำ) พร้อมกับบางแอตทริบิวต์ กรุณาใช้แท็ก/วิธีแทนที่แทน รายการแท็กที่ Deprecated แท็กคำอธิบายแทนที่ด้วย <applet>ระบุ Java applet<object> <basefont>ระบุฟอนต์พื้นฐานCSS font-family, font-size <center>จัด

  18. แอตทริบิวต์ disabled ของ HTML <textarea>

    แอตทริบิวต์ disabled ขององค์ประกอบ <textarea> ใช้สำหรับ ปิดใช้งาน textarea หลังปิดใช้งานแล้ว เลือกข้อความไม่ได้, พิมพ์ไม่ได้, โฟกัสไม่ได้ และ ค่าไม่ถูกส่งไปกับฟอร์ม ไวยากรณ์ (Syntax) <textarea disabled> ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <body> <h2>รายละเอ

  19. คุณสมบัติ HTML DOM Style paddingTop

    คุณสมบัติ paddingTop ของ DOM ใช้สำหรับ ตั้งค่าหรือดึงค่า padding ด้านบน ของ element ใน HTML Padding คือพื้นที่ภายในขอบ (border) ของ element ค่าเริ่มต้นคือ 0 ไวยากรณ์ (Syntax) ดึงค่า paddingTop: object.style.paddingTop ตั้งค่า paddingTop: object.style.paddingTop = %|length|initial|inherit % — เปอร์

  20. แอตทริบิวต์ min ใน HTML

    แอตทริบิวต์ min ใน HTML ใช้กำหนด ค่าต่ำสุด ของ element สามารถใช้กับ <meter> และ <input> ได้ ตัวอย่าง 1: min กับ <meter> <!DOCTYPE html> <html> <body> <h2>ระดับน้ำ</h2> <p>ระดับสิ่งปนเปื้อน <meter min=0 low=50 high=95 max=100 value=85></

Total 2078 -คอมพิวเตอร์  FirstPage PreviousPage NextPage LastPage CurrentPage:31/104  20-คอมพิวเตอร์/Page Goto:1 25 26 27 28 29 30 31 32 33 34 35 36 37