Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML
HTML
  1. วิธีแสดงข้อความที่ถูกลบใน HTML

    ใช้แท็ก <del> เพื่อแสดงข้อความที่ถูกลบใน HTML แท็กนี้จะแสดงข้อความพร้อมเส้นทับกลาง เพื่อระบุว่าเนื้อหานี้ถูกลบออกจากเอกสาร แอตทริบิวต์ของแท็ก <del> แอตทริบิวต์ ค่า คำอธิบาย cite URL ระบุ URL ของเอกสารอื่นที่อธิบายเหตุผลว่าทำไมข้อความถึงถูกลบ datetime YYYY-MM-DDThh:mm:ssTZD ระบุ

  2. วิธีแสดงรายการไดเรกทอรี (Directory List) ใน HTML

    ใช้แท็ก <dir> ใน HTML เพื่อแสดงรายการไดเรกทอรี คล้ายกับแท็ก <ul> แต่ อย่าใช้ <dir> เพราะมัน Deprecated แล้ว แอตทริบิวต์ (Deprecated) แอตทริบิวต์ ค่า คำอธิบาย Compact compact Deprecated - ระบุการแสดงผลแบบกระชับ ตัวอย่าง (สำหรับการอ้างอิง)คุณสามารถลองรันโค้ดต่อไปนี้เพื่อแสด

  3. วิธีกำหนดกล่องโต้ตอบ (Dialog Box) ใน HTML

    ใช้แท็ก <dialog> เพื่อกำหนดกล่องโต้ตอบ (dialog box) ใน HTML แท็กนี้เป็นส่วนหนึ่งของ HTML5.1+ และรองรับในเบราว์เซอร์สมัยใหม่ แอตทริบิวต์ แอตทริบิวต์ ค่า คำอธิบาย open open เปิดกล่องโต้ตอบและผู้ใช้โต้ตอบได้ ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้การทำงานกับแท็ก <dialog>:

  4. รันสคริปต์เมื่อ <menu> แสดงเป็นเมนูบริบท (Context Menu) ใน HTML

    เมื่อแท็ก <menu> แสดงเป็นเมนูบริบท (context menu) ใน HTML เหตุการณ์ onshow จะทำงาน ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อรันสคริปต์เมื่อแท็ก <menu> แสดงเป็นเมนูบริบท: <!Doctype html> <html> <head> <title>HTML menu</title> </head> <b

  5. วิธีแทรกขึ้นบรรทัดใหม่บรรทัดเดียว (Single Line Break) ใน HTML

    ใช้แท็ก <br> เพื่อแทรกขึ้นบรรทัดใหม่บรรทัดเดียวใน HTML คุณสามารถลองรันโค้ดต่อไปนี้เพื่อแทรกขึ้นบรรทัดใหม่ด้วยแท็ก <br>: ตัวอย่าง<!DOCTYPE html> <html> <head> <title>HTML br Tag</title> </head> </body> <body> <p>

  6. รันสคริปต์เมื่อเบราว์เซอร์ดึงข้อมูลสื่อไม่ได้ใน HTML

    ใช้แอตทริบิวต์ onstalled ใน HTML เพื่อรันสคริปต์เมื่อเบราว์เซอร์ดึงข้อมูลสื่อ (media data) ไม่ได้ ไม่ว่าจะเป็นเหตุผลใดก็ตาม แอตทริบิวต์ onstalled ใช้ได้กับองค์ประกอบต่อไปนี้: <video> <audio> รูปแบบสำหรับ <video>: <video onstalled=script> รูปแบบสำหรับ <audio>: <audio

  7. วิธีระบุการอ้างอิง (Citation) ใน HTML

    ใช้แท็ก <cite> ใน HTML เพื่อระบุการอ้างอิง Cite ถูกนิยามว่าเป็นชื่อเรื่องของงานผลงาน คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแท็ก <cite> สำหรับเพิ่มการอ้างอิง: ตัวอย่าง<!DOCTYPE html> <html> <head> <title>HTML cite Tag</title> </head> <

  8. รันสคริปต์เมื่อผู้ใช้เปิด/ปิดองค์ประกอบ <details> ใน HTML

    เมื่อผู้ใช้เปิดหรือปิดองค์ประกอบ <details> เหตุการณ์ ontoggle จะทำงาน คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์เหตุการณ์ ontoggle: ตัวอย่าง<!DOCTYPE html> <html> <body> <h2>รายละเอียด</h2> <p>คุณต้องเข้าทำงานตั้งแต่ 23 กุมภาพันธ์</p&

  9. วิธีรวมแอตทริบิวต์สำหรับคอลัมน์ตารางใน HTML

    ใช้แท็ก <col> เพื่อรวมแอตทริบิวต์สำหรับคอลัมน์ตาราง แท็ก HTML <col> อนุญาตให้นักเขียนจัดกลุ่มข้อกำหนดแอตทริบิวต์สำหรับคอลัมน์ตาราง ไม่ได้จัดกลุ่มคอลัมน์ในโครงสร้าง - นั่นคือบทบาทขององค์ประกอบ <colgroup> แอตทริบิวต์ของ <col> (ส่วนใหญ่ Deprecated) แอตทริบิวต์ ค่า คำอธิบาย

  10. วิธีเพิ่มโค้ดคอมพิวเตอร์ตัวอย่าง (Sample Computer Code) ใน HTML

    ใช้แท็ก <samp> เพื่อแสดงโค้ดคอมพิวเตอร์ตัวอย่าง แท็ก HTML <samp> ใช้สำหรับแสดงเอาต์พุตของโปรแกรมคอมพิวเตอร์ ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแท็ก <samp> ใน HTML: <!Doctype html> <html> <head> <title>HTML samp Tag</title> </h

  11. วิธีสร้างส่วน (Section) ในเอกสาร HTML

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

  12. วิธีสร้างแถบความคืบหน้า (Progress Bar) ใน HTML

    ใช้แท็ก <progress> เพื่อสร้างแถบความคืบหน้าใน HTML แท็ก HTML <progress> ระบุความคืบหน้าของงานเสร็จสิ้น แสดงเป็นแถบความคืบหน้า (progress bar) ค่าของแถบความคืบหน้าสามารถจัดการได้โดย JavaScript แอตทริบิวต์ แอตทริบิวต์ ค่า คำอธิบาย max number ค่าสูงสุด ต้องมากกว่า 0 และเป็น floating p

  13. วิธีตั้งค่าให้เบราว์เซอร์ที่ไม่รองรับ ruby element แสดงอะไรใน HTML

    แท็ก <rp> ใน HTML ระบุให้เบราว์เซอร์ที่ไม่รองรับ Ruby Annotations แสดงอะไร Ruby Annotations ใช้ในการพิมพ์ภาษาเอเชียตะวันออก ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแท็ก <rp> ใน HTML: <!DOCTYPE html> <html> <head> <title>HTML Rp Tag</title>

  14. วิธีแสดงข้อความ Ruby Annotation ใน HTML5

    ใช้แท็ก <rt> เพื่อแสดงข้อความ Ruby Annotation แท็ก HTML5 <rt> ใช้สำหรับการออกเสียงของตัวอักษรใน Ruby Annotations ใช้สำหรับแสดงการออกเสียงของตัวอักษรภาษาเอเชียตะวันออก ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อแสดงข้อความ Ruby Annotation: <!DOCTYPE html> <html> <head>

  15. วิธีแสดง Ruby Annotation ใน HTML5

    แท็ก <ruby> ใน HTML ระบุ Ruby Annotations ซึ่งใช้สำหรับการออกเสียงของตัวอักษรภาษาเอเชียตะวันออก คุณสามารถลองรันโค้ดต่อไปนี้เพื่อแสดง Ruby Annotation: ตัวอย่าง<!DOCTYPE html> <html> <head> <title>HTML Ruby Tag</title> </head> <body>

  16. ล้อมข้อความให้กระพริบ (Blink) ด้วย HTML

    ใช้แท็ก <blink> เพื่อทำให้ข้อความกระพริบ แท็ก HTML <blink> ใช้ล้อมข้อความเพื่อให้มันกระพริบ หมายเหตุสำคัญ: อย่าใช้แอตทริบิวต์นี้ เพราะมันล้าสมัย (obsolete) แล้ว ตัวอย่าง (สำหรับการอ้างอิงเท่านั้น)<!DOCTYPE html> <html> <head> <title>HTML blink Tag</tit

  17. วิธีเพิ่มปุ่มกด (Push Button) ใน HTML

    ใช้แท็ก <button> ใน HTML เพื่อเพิ่มปุ่มกด แท็ก HTML <button> ใช้สำหรับสร้างปุ่มภายใน HTML form สามารถใช้แท็ก <input> สร้างปุ่มคล้ายกันได้เช่นกัน แอตทริบิวต์ของ <button> แอตทริบิวต์ ค่า คำอธิบาย autofocus autofocus ระบุว่าปุ่มควรมีโฟกัสเมื่อโหลดหน้า disabled disabled

  18. วิธีระบุการอ้างอิงยาว (Long Quotations) ในเอกสาร HTML

    ใช้แท็ก <blockquote> เพื่อระบุการอ้างอิงยาว แท็ก HTML <blockquote> ใช้สำหรับรวมการอ้างอิงที่ยาว (คือ การอ้างอิงที่ข้ามหลายบรรทัด) ควรมีเฉพาะ block-level elements ภายใน ไม่ใช่แค่ข้อความธรรมดา แอตทริบิวต์ แอตทริบิวต์ ค่า คำอธิบาย cite URL URL ของที่มาของคำพูด หากมาจากเว็บ ตัวอย่า

  19. วิธีสร้างกราฟิกด้วยสคริปต์ใน HTML

    เพื่อสร้างกราฟิกด้วยสคริปต์ ใช้แท็ก <canvas> แท็ก HTML <canvas> ใช้สำหรับวาดกราฟิก แอนิเมชัน ฯลฯ โดยใช้สคริปต์ (JavaScript) แอตทริบิวต์ของ <canvas> แอตทริบิวต์ ค่า คำอธิบาย height pixels ระบุความสูงของ canvas width pixels ระบุความกว้างของ canvas ตัวอย่างคุณสามารถลองรันโ

  20. รันสคริปต์เมื่อแอตทริบิวต์ seeking เป็น true บ่งชี้กำลังขยับตำแหน่งเล่นใน HTML

    ใช้แอตทริบิวต์ onseeking เพื่อบ่งชี้ว่ากำลังขยับตำแหน่งเล่น (seeking) ในวิดีโอใน HTML ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อรันสคริปต์เมื่อแอตทริบิวต์ seeking ตั้งค่าเป็น true บ่งชี้กำลังขยับตำแหน่งเล่นใน HTML: <!DOCTYPE html> <html> <body> <video controls onseeking=d

Total 2078 -คอมพิวเตอร์  FirstPage PreviousPage NextPage LastPage CurrentPage:82/104  20-คอมพิวเตอร์/Page Goto:1 76 77 78 79 80 81 82 83 84 85 86 87 88