Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML
HTML
  1. วิธีเพิ่มหัวข้อเอกสาร (Document Title) ใน HTML

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

  2. ใน HTML สร้างหัวตาราง (Table Header) อย่างไร

    ใช้แท็ก <thead> ใน HTML เพื่อสร้างหัวตาราง แท็กนี้ใช้เพื่อเพิ่มส่วนหัวให้กับตาราง ใช้ร่วมกับ <tbody> (เนื้อหา) และ <tfoot> (ท้ายตาราง) เพื่อแบ่งส่วนตารางให้ชัดเจน แอตทริบิวต์เพิ่มเติม (เลิกใช้งานแล้ว) แอตทริบิวต์ ค่า คำอธิบาย align right, left, center, justify, char Deprecat

  3. วิธีเพิ่มแถวตาราง (Table Row) ใน HTML

    ใช้แท็ก <tr> เพื่อเพิ่มแถวตาราง แท็ก HTML <tr> ใช้สำหรับระบุแถวตารางภายในตาราง แอตทริบิวต์เพิ่มเติม (เลิกใช้งานแล้ว) แอตทริบิวต์ ค่า คำอธิบาย Align right, left, center, justify, char Deprecated - การจัดตำแหน่งภาพ bgcolor rgb(x,x,x), #hexcode, colorname Deprecated - ระบุสีพื้นหลั

  4. วิธีสร้างข้อความขีดเส้นใต้ (Underlined Text) ใน HTML

    แท็ก <u> ใน HTML ใช้สำหรับขีดเส้นใต้ข้อความ หมายเหตุ: แท็กนี้ Deprecated (เลิกใช้งาน) แล้ว และไม่ควรใช้ ควรใช้ CSS text-decoration: underline แทน เพื่อแยกเนื้อหากับการจัดรูปแบบ ตัวอย่าง (สำหรับการอ้างอิงเท่านั้น)<!DOCTYPE html> <html> <head> <title>HTML u Tag&l

  5. วิธีสร้างข้อความแบบเทเลไทป์ (Teletype Text) ใน HTML

    แท็ก <tt> ใน HTML ระบุข้อความแบบเทเลไทป์ (teletype text) ซึ่งแสดงผลเป็นฟอนต์ monospace (ตัวอักษรมีความกว้างเท่ากัน) หมายเหตุสำคัญ: แท็กนี้ ไม่รองรับใน HTML5 แล้ว ควรใช้แท็ก <code>, <kbd>, <samp> หรือ CSS font-family: monospace แทน ตัวอย่าง (สำหรับการอ้างอิงเท่านั้น)<!DOCTY

  6. วิธีเพิ่มรายการแบบไม่มีลำดับ (Unordered List) ใน HTML

    ใช้แท็ก <ul> ใน HTML เพื่อสร้างรายการแบบไม่มีลำดับ (bullet list) เหมาะสำหรับรายการที่ไม่จำเป็นต้องมีลำดับที่ชัดเจน แอตทริบิวต์เพิ่มเติม (เลิกใช้งานแล้ว) แอตทริบิวต์ ค่า คำอธิบาย Type disc, circle, square Deprecated - ระบุรูปแบบเครื่องหมาย bullet Compact compact Deprecated - กำหนดการแส

  7. วิธีเพิ่มตัวแปร (Variable) ใน HTML

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

  8. วิธีเพิ่มวันที่และเวลาใน HTML5

    ใช้แท็ก <time> เพื่อเพิ่มวันที่และเวลา แท็ก HTML <time> ใช้สำหรับแสดงวันที่และเวลาที่มนุษย์อ่านได้ พร้อมรองรับแอตทริบิวต์ datetime สำหรับค่าที่เครื่องอ่านได้ (machine-readable) แอตทริบิวต์เพิ่มเติม แอตทริบิวต์ ค่า คำอธิบาย datetime datetime เป็นวันที่และเวลาที่เครื่องอ่านได้ (รูปแ

  9. วิธีเพิ่มเท็กซ์แทร็ก (Text Tracks) สำหรับโปรแกรมเล่นสื่อใน HTML5

    ใช้แท็ก <track> ใน HTML5 เพื่อเพิ่มเท็กซ์แทร็ก (เช่น คำบรรยาย กรอบข้อความ) สำหรับโปรแกรมเล่นสื่อ (media players) แท็กนี้ใช้ร่วมกับ <video> หรือ <audio> ตัวอย่าง<!DOCTYPE HTML> <html> <body> <video width=300 height=200 controls autoplay> <s

  10. การสร้างการกำหนดสไตล์ (Style Definition) ใน HTML

    แท็ก <style> ใน HTML ใช้สำหรับประกาศแผ่นสไตล์ (style sheets) ภายในส่วนหัว (<head>) ของเอกสาร HTML ช่วยให้สามารถกำหนด CSS โดยตรงในหน้าเว็บได้ แอตทริบิวต์ของ <style> แอตทริบิวต์ ค่า คำอธิบาย type text/css ระบุภาษาแผ่นสไตล์เป็น content-type (MIME type) media screen, tty, tv,

  11. วิธีแสดงส่วนเนื้อหาตาราง (Table Body) ใน HTML

    ใช้แท็ก <tbody> ใน HTML เพื่อแสดงส่วนเนื้อหาตาราง (table body) แท็กนี้ใช้ร่วมกับ <thead> (หัวตาราง) และ <tfoot> (ท้ายตาราง) เพื่อแบ่งส่วนตารางให้ชัดเจน แอตทริบิวต์ของ <tbody> (เลิกใช้งานแล้ว) แอตทริบิวต์ ค่า คำอธิบาย align right, left, center, justify, char Deprecated

  12. การแสดงข้อความตัวต่ำ (Subscript) ใน HTML

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

  13. วิธีแสดงสรุปสำหรับ元素 <details> ใน HTML5

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

  14. วิธีแสดงเซลล์ตาราง (Table Cell) ใน HTML

    ใช้แท็ก <td> (Table Data) เพื่อแสดงเซลล์ข้อมูลในตาราง แท็ก <td> ใน HTML ใช้สำหรับระบุเซลล์หรือข้อมูลตารางภายในตาราง แอตทริบิวต์ของแท็ก <td> (ส่วนใหญ่ล้าสมัย) แอตทริบิวต์ ค่า คำอธิบาย abbr abbreviated_text Deprecated - ระ

  15. วิธีแสดงพื้นที่ข้อความ (Textarea) ใน HTML

    ใช้แท็ก <textarea> เพื่อแสดงพื้นที่ข้อความ (Text Area) แท็ก <textarea> ใน HTML ใช้ภายในฟอร์มเพื่อประกาศองค์ประกอบ textarea - คอนโทรลที่อนุญาตให้ผู้ใช้ป้อนข้อความหลายบรรทัด แอตทริบิวต์ของแท็ก <textarea> แอตทริบิวต์ ค่า คำอธิบาย autof

  16. วิธีสร้างส่วนท้ายตาราง (Table Footer) ใน HTML

    แท็ก <tfoot> ใน HTML ใช้สำหรับเพิ่มส่วนท้าย (Footer) ให้กับตาราง แท็ก <tfoot> ใช้ร่วมกับ <tbody> และ <thead> เพื่อกำหนดแต่ละส่วนของตาราง (หัว, ส่วนท้าย, ส่วนเนื้อหา) แอตทริบิวต์ของ <tfoot> (ล้าสมัย - ควรใช้ CSS) แอตทริบิวต์ ค่า คำอธิบาย

  17. วิธีสร้างลิงก์ (Anchor) ใน HTML

    ใช้แท็ก <a> (Anchor) เพื่อสร้างไฮเปอร์ลิงก์ใน HTML แท็ก <a> ใช้สำหรับสร้างลิงก์ไปยังเอกสารอื่น หรือตำแหน่งภายในเอกสารปัจจุบัน แอตทริบิวต์หลักของแท็ก <a> แอตทริบิวต์ ค่า คำอธิบาย href URL จำเป็น - ระบุ URL ของหน้าหรือชื่อ

  18. วิธีรวมอักขronym (Acronym) ใน HTML

    ใช้แท็ก <acronym> ใน HTML เพื่อรวมอักขronym (Acronym - คำย่อที่อ่านเป็นคำเดียว) แท็ก <acronym> ใช้สำหรับระบุอักขronym ⚠️ สำคัญ: แท็ก <acronym> ล้าสมัย (Deprecated) ใน HTML5 แล้ว ควรใช้แท็ก <abbr> แทนสำหรับคำย่อทุกประเภท รวมถึง Acronym ตัวอย่าง (สำหรับการอ้างอิงทางประวัติศ

  19. วิธีรวมคำย่อ (Abbreviation) ใน HTML

    แท็ก <abbr> ใน HTML ใช้สำหรับระบุคำย่อ (Abbreviation) ช่วยให้เบราว์เซอร์ โปรแกรมอ่านหน้าจอ และเครื่องมือค้นหาเข้าใจความหมายของคำย่อ ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีรวมคำย่อใน HTML: <!DOCTYPE html> <html> <head> <title>HTML abbr Tag</title> &l

  20. การแสดงความคืบหน้าของงาน (Progress Bar) ใน HTML5

    ใช้แท็ก <progress> ใน HTML5 เพื่อแสดงความคืบหน้าของงาน ช่วยสร้าง Progress Bar ได้อย่างง่ายดาย แอตทริบิวต์ของแท็ก <progress> แอตทริบิวต์ ค่า คำอธิบาย max Number (float > 0) ค่าสูงสุดของความคืบหน้า ต้องมากกว่า 0 และเป็นตัวเลข

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