Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML
HTML
  1. คุณสมบัติ width ของ DOM Object: กำหนด/อ่านความกว้างของ Object

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

  2. แอตทริบิวต์ datetime ของ <time>: รูปแบบวันที่เวลาที่เครื่องอ่านได้

    แอตทริบิวต์ datetime ของ <time> คืออะไร? แอตทริบิวต์ datetime ของแท็ก <time> ใช้สำหรับ ระบุวันที่/เวลาในรูปแบบมาตรฐาน ISO 8601 (Machine-readable)** ที่เครื่องคอมพิวเตอร์ สูตรค้นหา และเครื่องมือช่วยเหลืออ่านได้ ไวยากรณ์ (Syntax) <time datetime=YYYY-MM-DDThh:mm:ssTZD>ข้อความแสดงผล&l

  3. คุณสมบัติ shadowColor ของ HTML Canvas: ตั้งค่าสีเงา

    คุณสมบัติ shadowColor ของ Canvas คืออะไร? คุณสมบัติ shadowColor ของ HTML Canvas ใช้สำหรับ ตั้งค่าสีของเงา (Shadow Color)** สำหรับรูปทรงที่จะวาดต่อไป ค่าเริ่มต้นคือ #000000 (สีดำ) ไวยากรณ์ (Syntax) ctx.shadowColor = color_value; รองรับทุกรูปแบบ CSS Color: Named Color, Hex, RGB, RGBA, HSL, HSLA ตัว

  4. แอตทริบิวต์ cols ของ <textarea>: กำหนดความกว้างของพื้นที่ข้อความ

    แอตทริบิวต์ cols ของ <textarea> คืออะไร? แอตทริบิวต์ cols ของแท็ก <textarea> ใช้สำห กำหนดความกว้างของพื้นที่ข้อความ ในหน่วยตัวอักษร (Character Columns)** ค่าเริ่มต้นคือ 20 หมายเหตุ: cols เดิมใช้กับ <frameset> ด้วย แต่ <frameset> ล้าสมัยใน HTML5 แล้ว ไวยากรณ์ (Syntax) <tex

  5. แอตทริบิวต์ colspan ใน HTML: รวมเซลล์ตารางแนวนอน

    แอตทริบิวต์ colspan ใน HTML คืออะไร? แอตทริบิวต์ colspan ใช้สำหรับ กำหนดจำนวนคอลัมน์ที่เซลล์ (<td> หรือ <th>) ควรครอบคลุม (Span) แนวนอน** ค่าเริ่มต้นคือ 1 ไวยากรณ์ (Syntax) <td colspan=number>เนื้อหา</td> <th colspan=number>หัวข้อ</th> ตัวอย่าง: <td> colsp

  6. แอตทริบิวต์ content ของ <meta>: กำหนดค่า Meta Information

    แอตทริบิวต์ content ของ <meta> คืออะไร? แอตทริบิวต์ content ของแท็ก <meta> ใช้สำหรับ กำหนดค่า (Value) ของข้อมูลเมตา (Meta Information)** ร่วมกับแอตทริบิวต์ name หรือ http-equiv ไวยากรณ์ (Syntax) <meta name=name_value content=meta_content> <meta http-equiv=http_equiv_value conte

  7. คุณสมบัติ hreflang ของ DOM Anchor: ระบุภาษาของเอกสารลิงก์

    คุณสมบัติ anchor.hreflang คืออะไร? คุณสมบัติ hreflang ของ DOM Anchor (HTMLAnchorElement) ใช้สำห อ่าน/ตั้งค่าแอตทริบิวต์ hreflang ของลิงก์ (<a>)** ระบุภาษาของเอกสารปลายทาง (Target Document Language) ไวยากรณ์ (Syntax) // อ่านค่า var lang = anchorElement.hreflang; // ตั้งค่า anchorElement.hrefl

  8. แอตทริบิวต์ type ของ <area>: ระบุ MIME Type ของลิงก์เป้าหมาย

    แอตทริบิวต์ type ของ <area> คืออะไร? แอตทริบิวต์ type ของแท็ก <area> ใช้สำหรับ ระบุ MIME Type (Media Type) ของเอกสารที่ลิงก์ไป** ช่วยให้เบราวเซอร์ทราบประเภทไฟล์ก่อนโหลด (Advisory בלבד ไม่บังคับ) ไวยากรณ์ (Syntax) <area type=media_type> MIME Types ที่พบบ่อย ประเภทตัวอย่าง

  9. แอตทริบิวต์ href ของ <base>: กำหนด Base URL สำหรับ Relative Links ทั้งหมด

    แอตทริบิวต์ href ของ <base> คืออะไร? แอตทริบิวต์ href ของแท็ก <base> ใช้สำหรับ กำหนด Base URL (URL พื้นฐาน) สำหรับ Relative URL ทั้งหมดในหน้าเว็บ** เช่น ลิงก์ รูปภาพ สคริปท์ สไตล์ชีต เป็นต้น ไวยากรณ์ (Syntax) <base href=absolute_URL> ตัวอย่างการใช้งาน <!DOCTYPE html> <ht

  10. แอตทริบิวต์ type ของ <button>: กำหนดประเภทปุ่ม (submit, reset, button)

    แอตทริบิวต์ type ของ <button> คืออะไร? แอตทริบิวต์ type ของแท็ก <button> ใช้สำห กำหนดประเภท/พฤติกรรมของปุ่ม** ค่าเริ่มต้นคือ submit (ส่งฟอร์ม) ซึ่งแตกต่างจาก <input type=button> ที่ค่าเริ่มต้นคือ button ไวยากรณ์ (Syntax) <button type=button | submit | reset> ค่าที่ใช้ได้

  11. แอตทริบิวต์ width ของ <canvas>: กำหนดความกว้างของ Canvas ในพิกเซล

    แอตทริบิวต์ width ของ <canvas> คืออะไร? แอตทริบิวต์ width ของแท็ก <canvas> ใช้สำหรับ กำหนดความกว้างของ Canvas ในหน่วยพิกเซล (Pixels)** ค่าเริ่มต้นคือ 300px หากไม่ระบุ ไวยากรณ์ (Syntax) <canvas width=pixels_value></canvas> ตัวอย่างการใช้งาน <!DOCTYPE html> <html>

  12. แอตทริบิวต์ contenteditable: ทำให้อิลิเมนต์แก้ไขได้บนหน้าเว็บ

    แอตทริบิวต์ contenteditable คืออะไร? แอตทริบิวต์ contenteditable ใช้สำห กำหนดให้อิลิเมนต์ใดๆ แก้ไขได้ (Editable) โดยตรงบนหน้าเว็บ** เป็น Global Attribute ใช้ได้กับทุกอิลิเมนต์ ค่าเป็น Boolean: true (แก้ไขได้) หรือ false (แก้ไขไม่ได้) ไวยากรณ์ (Syntax) <element contenteditable=true | false> ต

  13. คุณสมบัติ currentTarget ของ Event: อิลิเมนต์ที่มี Event Listener

    คุณสมบัติ event.currentTarget คืออะไร? คุณสมบัติ event.currentTarget ใน HTML DOM ใช้สำหรับ อ้างอิงถึงอิลิเมนต์ที่มี Event Listener ผูกอยู่** (คืออิลิเมนต์ที่เรา addEventListener ไป) แตกต่างจาก event.target ที่อ้างอิงถึงอิลิเมนต์ที่กดจริง (อาจเป็นลูกของ currentTarget) ไวยากรณ์ (Syntax) event.current

  14. เมธอด fillRect() ของ HTML Canvas: วาดสี่เหลี่ยมทาสีเต็ม

    เมธอด fillRect() ของ Canvas คืออะไร? เมธอด fillRect() ของ HTML Canvas ใช้สำหรับ วาดและทาสีสี่เหลี่ยมผืนผ้าในคำสั่งเดียว** สีเริ่มต้นคือสีดำ (#000000) ไม่ต้องใช้ beginPath() หรือ fill() แยก ไวยากรณ์ (Syntax) ctx.fillRect(x, y, width, height); พารามิเตอร์ x: พิกัด X มุมซ้ายบน y: พิกัด Y มุมซ้าย

  15. คุณสมบัติ fillStyle ของ HTML Canvas: ตั้งค่าสี/กรีเดียน/แพทเทิร์นสำหรับการทา

    คุณสมบัติ fillStyle ของ Canvas คืออะไร? คุณสมบัติ fillStyle ของ HTML Canvas ใช้สำหรับ ตั้งค่ารูปแบบการทา (Fill Style)** สำหรับรูปทรงที่จะวาดต่อไป ค่าเริ่มต้นคือ #000000 (สีดำ) รองรับ 3 รูปแบบ: สีเดี่ยว กรีเดียน และแพทเทิร์น ไวยากรณ์ (Syntax) ctx.fillStyle = color | gradient | pattern; ประเภทค่าที่

  16. แอตทริบิวต์ readonly ของ <textarea>: ทำให้แก้ไขไม่ได้ แต่คัดลอกได้

    แอตทริบิวต์ readonly ของ <textarea> คืออะไร? แอตทริบิวต์ readonly ของแท็ก <textarea> ใช้สำหรับ ทำให้ Textarea เป็นแบบอ่านอย่างเดียว (Read-only)** ผู้ใช้ไม่สามารถแก้ไขข้อความภายในได้ แต่ **สามารถเลือกและคัดลอก (Copy) ได้** ไวยากรณ์ (Syntax) <textarea readonly>ข้อความที่ไม่สามารถแก้

  17. แท็ก HTML <time>: แสดงวันที่และเวลาแบบมาตรฐาน

    แท็ก <time> ใน HTML คืออะไร? แท็ก <time> ใช้สำห แสดงวันที่และ/หรือเวลาในรูปแบบที่เครื่องอ่านได้ (Machine-readable)** เพิ่มเข้ามาใน HTML5 ช่วยให้ Search Engine และเครื่องมืออื่นๆ เข้าใจวันที่/เวลาได้ถูกต้อง แอตทริบิวต์หลัก datetime: วันที่/เวลาในรูปแบบมาตรฐาน ISO 8601 (Machine-readabl

  18. เมธอด rect() ของ HTML Canvas: สร้างเส้นทางสี่เหลี่ยมผืนผ้า

    เมธอด rect() ของ Canvas คืออะไร? เมธอด rect() ของ HTML Canvas ใช้สำหรับ สร้างเส้นทาง (Path) รูปสี่เหลี่ยมผืนผ้า** ไม่ได้วาดทันที ต้องใช้ stroke() (ขอบ) หรือ fill() (ทาภายใน) ตามหลัง ไวยากรณ์ (Syntax) ctx.rect(x, y, width, height); พารามิเตอร์ x: พิกัด X ของมุมซ้ายบน y: พิกัด Y ของมุมซ้ายบน

  19. เปลี่ยนสีพื้นหลังเว็บเพจด้วย onmouseover และ backgroundColor

    การเปลี่ยนสีพื้นหลังด้วย onmouseover คุณสมบัติ (Property) onmouseover ใช้สำหรับ รันสคริปต์เมื่อเคอร์เซอร์เมาส์ชี้ไปที่อิลิเมนต์** ร่วมกับ document.body.style.backgroundColor เพื่อเปลี่ยนสีพื้นหลังหน้าเว็บ ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <body> <h2>หัวข้อ 2</h2&

  20. แอตทริบิวต์ checked ใน HTML: เลือก Radio/Checkbox ล่วงหน้า

    แอตทริบิวต์ checked ใน HTML คืออะไร? แอตทริบิวต์ checked ใช้สำห ทำให้ <input> ประเภท radio หรือ checkbox ถูกเลือก (Selected) ล่วงหน้า** เมื่อหน้าเว็บโหลดเสร็จ ไวยากรณ์ (Syntax) <input type=checkbox checked> <input type=radio checked> เป็น Boolean Attribute: เขียนแค่ checked หรือ c

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