Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML
HTML
  1. รันสคริปต์เมื่อองค์ประกอบได้รับอินพุตจากผู้ใช้ใน HTML

    ใช้แอตทริบิวต์เหตุการณ์ oninput เพื่อทริกเกอร์เมื่อองค์ประกอบได้รับอินพุตจากผู้ใช้ คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ oninput: ตัวอย่าง<!DOCTYPE html> <html> <body> <p>เขียนชื่อของคุณด้านล่าง:</p> <input type=text id=myid oninput=display(

  2. วิธีรวมเนื้อหาสำหรับเบราว์เซอร์ที่ไม่รองรับ <embed> ใน HTML

    แท็ก <noembed> ใน HTML ใช้จัดการเบราว์เซอร์ที่ไม่รองรับแท็ก <embed> แท็ก <noembed> ทำให้จัดหาเนื้อหาทางเลือกที่บอกผู้ใช้ว่าพวกเขาพลาดอะไรไปง่ายขึ้น ตัวอย่าง<!DOCTYPE html> <html> <head> <title>HTML noembed Tag</title> </head> <b

  3. วิธีเพิ่มส่วน noframe ใน HTML

    ใช้แท็ก <noframes> เพื่อเพิ่มส่วน noframe แท็ก HTML <noframes> ใช้จัดการเบราว์เซอร์ที่ไม่รองรับแท็ก <frame> ใช้แสดงข้อความทางเลือก ตัวอย่าง<!DOCTYPE html> <html> <head> <title>HTML noframes Tag</title> </head> <frameset cols=200

  4. วิธีเพิ่มส่วน noscript ใน HTML

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

  5. วิธีรวมออบเจกต์ฝัง (Embedded Object) ใน HTML

    เพื่อรวมออบเจกต์ฝัง ใช้แท็ก <object> แท็ก HTML <object> ใช้ฝังมัลติมีเดียในเอกสาร HTML แท็ก <param> ยังใช้ร่วมกับแท็กนี้เพื่อกำหนดพารามิเตอร์ต่างๆ แอตทริบิวต์ของ <object> แอตทริบิวต์ ค่า คำอธิบาย align left, right, top, bottom Deprecated - การจัดตำแหน่งภาพ archive UR

  6. วิธีรวมหน้าต่างย่อยแบบอินไลน์ (Inline Sub-window) ใน HTML

    หน้าต่างย่อยแบบอินไลน์ (Inline sub window) คือ iframe และคุณสามารถรวมได้โดยใช้แท็ก <iframe> แอตทริบิวต์ของ <iframe> แอตทริบิวต์ ค่า คำอธิบาย align left, right, top, middle, bottom Deprecated - จัดตำแหน่ง iframe ตามข้อความรอบข้าง frameborder 1, 0 Deprecated - แสดง/ซ่อนขอบเฟรม (ใช

  7. สร้างรายการแบบมีลำดับ (Ordered List) ใน HTML

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

  8. วิธีเพิ่มเลเยอร์แบบอินไลน์ (Inline Layer) ใน HTML

    ใช้แท็ก <ilayer> เพื่อเพิ่มเลเยอร์แบบอินไลน์ (inline layer) แท็ก HTML <ilayer> ใช้สร้างเลเยอร์ที่ครอบครองพื้นที่ในข้อความที่ครอบคลุม เนื้อหาต่อไปจะวางหลังพื้นที่ที่ <ilayer> ครอบครอง ต่างจากแท็ก <layer> ที่สร้างเลเยอร์เหนือข้อความที่ครอบคลุม อนุญาตให้เนื้อหาต่อไปวางใต้เลเยอร์

  9. สร้างกลุ่มตัวเลือก (Option Group) ใน HTML

    แท็ก <optgroup> ใน HTML ใช้สำหรับจัดกลุ่มตัวเลือกที่เกี่ยวข้องภายในรายการเลือก (select list) ทำให้ผู้ใช้เข้าใจตัวเลือกง่ายขึ้นเมื่อมีรายการมาก แอตทริบิวต์ของ <optgroup> แอตทริบิวต์ ค่า คำอธิบาย disabled disabled ปิดใช้งานกลุ่มตัวเลือก ผู้ใช้เลือกไม่ได้ ข้ามใน Tab order label Tex

  10. การทำงานกับแอตทริบิวต์ style ใน HTML

    ใช้แอตทริบิวต์ style ใน HTML เพื่อตั้งค่า CSS style แบบ inline ใช้สำหรับตั้งค่า CSS โดยตรงบนองค์ประกอบ ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ style ใน HTML: <!DOCTYPE html> <html> <body> <h2>Tutorialspoint</h2> <p>เราให้บริการบทเรี

  11. วิธีระบุลำดับแท็บ (Tabbing Order) ขององค์ประกอบใน HTML

    ใช้แอตทริบิวต์ tabindex ใน HTML เพื่อตั้งค่าลำดับแท็บขององค์ประกอบ ให้คุณควบคุมลำดับการใช้ปุ่ม TAB บนคีย์บอร์ดได้ ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อสร้างลำดับแท็บขององค์ประกอบใน HTML: <!DOCTYPE html> <html> <body> <a href=https://www.tutorialspoint.com/current_aff

  12. วิธีเพิ่มความคิดเห็น (Comment) ในโค้ด HTML

    แท็ก <comment> ใน HTML อนุญาตให้นักเขียนความคิดเห็นโค้ด HTML ของพวกเขา แนะนำ: ใช้ <!-- ... --> เพื่อความคิดเห็นแท็กของคุณ แท็กนี้รองรับทุกเบราว์เซอร์ หมายเหตุ: แท็ก <comment> Deprecated ใน HTML5 ห้ามใช้ ตัวอย่าง<!DOCTYPE html> <html> <head> <title>H

  13. วิธีใช้แอตทริบิวต์ translate ทั่วไป (Global) ใน HTML5

    แอตทริบิวต์ translate ใช้กำหนดว่าเนื้อหาขององค์ประกอบควรถูกแปลหรือไม่ ค่าแอตทริบิวต์ ค่า คำอธิบาย yes เนื้อหาควรถูกแปล (ค่าเริ่มต้น) no เนื้อหาไม่ควรถูกแปล หากไม่ต้องการให้คำเฉพาะถูกแปล ให้เพิ่มแอตทริบิวต์ translate: <p translate=no>This won’t get translated.</p> รายละเ

  14. วิธีสร้างไฮเปอร์ลิงก์ (Hyperlink) ลิงก์ไปยังเอกสารอื่นใน HTML

    ใช้แท็ก <a> (anchor) เพื่อสร้างไฮเปอร์ลิงก์ แท็ก HTML <a> ใช้สำหรับสร้างลิงก์ไปยังเอกสารอื่น หรือตำแหน่งภายในเอกสารเดียวกัน แอตทริบิวต์ของ <a> แอตทริบิวต์ ค่า คำอธิบาย charset character_encoding กำหนด character encoding ของเอกสารลิงก์ coords rect: left,top,right,bottomcirc

  15. วิธีกำหนดพื้นที่ในแผนที่รูปภาพ (Image Map) ด้วย HTML

    ใช้แท็ก <area> เพื่อกำหนดพื้นที่ในแผนที่รูปภาพ (image map) ใน HTML ใช้ร่วมกับ <map> และ <img usemap> แอตทริบิวต์ของ <area> แอตทริบิวต์ ค่า คำอธิบาย alt Text ระบุข้อความทางเลือกสำหรับพื้นที่ coords rect: left,top,right,bottomcirc: centerx,centery,radiuspoly: x1,y1,x2,

  16. วิธีเพิ่มบทความ (Article) ใน HTML5

    ใช้แท็ก <article> เพื่อเพิ่มบทความใน HTML5 แท็ก HTML <article> ใช้สำหรับโพสต์บล็อก โพสต์ฟอรัม บทความหนังสือพิมพ์ ฯลฯ ระบุเนื้อหาที่อิสระสมบูรณ์ (self-contained composition) ในไซต์ เอกสาร หน้า หรือแอปพลิเคชัน ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อเพิ่มบทความ: <!DOCTYPE html> <

  17. วิธีเพิ่มคำจำกัดความพจนานุกรม (Glossary Definitions) ใน HTML

    ใช้แท็ก <dl> (Description List) ใน HTML เพื่อเพิ่มคำจำกัดความพจนานุกรม แท็ก HTML <dl> ใช้สำหรับประกาศรายการคำจำกัดความ ใช้ร่วมกับ <dt> (Definition Term - คำศัพท์) และ <dd> (Definition Description - คำอธิบาย) รายการคำจำกัดความ (Definition list) คล้ายกับรายการอื่นๆ แต่แต่ละรายก

  18. วิธีเพิ่มข้อความตัวหนา (Bold Text) ใน HTML

    เพื่อแสดงข้อความตัวหนา ใช้แท็ก <strong> แท็ก HTML <strong> ใช้สำหรับเน้นข้อความสำคัญ (semantic emphasis) ไม่ใช่แค่การจัดรูปแบบ ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแท็ก <strong> ใน HTML: <!Doctype html> <html> <head> <title>HTML strong Tag&

  19. วิธีฝังเสียง (Audio) ในหน้าเว็บด้วย HTML5

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

  20. วิธีสร้างเมนูบริบท (Context Menu) สำหรับองค์ประกอบใน HTML5

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

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