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

    แท็ก <spacer> ใน HTML ใช้ระบุช่องว่าง (Whitespace) แท็กนี้ล้าสมัยและรองรับเฉพาะ Netscape 4+ เท่านั้น ไม่ควรใช้ในปัจจุบัน แอตทริบิวต์ของแท็ก <spacer> (Deprecated) แอตทริบิวต์ ค่า คำอธิบาย type vertical, horizontal, block ระบุปร

  2. วิธีเพิ่มสคริปต์ (Script) ใน HTML

    เพื่อเพิ่มสคริปต์ ให้ใช้แท็ก <script> แท็ก <script> ใน HTML ใช้สำหรับประกาศสคริปต์ (เช่น JavaScript) ภายในเอกสาร HTML ของคุณ แอตทริบิวต์เพิ่มเติมของแท็ก <script> แอตทริบิวต์ ค่า คำอธิบาย async async ระบุว่าสคริปต์จะถูกดำ

  3. การสร้างข้อความขนาดเล็ก (Small Text) ใน HTML

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

  4. การสร้างแหล่งสื่อ (Media Resources) สำหรับองค์ประกอบ audio และ video ใน HTML5

    แท็ก <source> ใน HTML ใช้สำหรับกำหนดทรัพยากรสื่อมัลติมีเดียสำหรับองค์ประกอบ <audio> และ <video> เบราว์เซอร์สามารถเลือกแหล่งที่มาตามประเภทสื่อและการรองรับโค덱ได้ ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อสร้างแหล่งสื่อสำหรับองค์ประกอบ media ใน HTML5: <!DOCTYPE html> <html> <

  5. การสร้างข้อความเน้นสำคัญ (Strong Text) ใน HTML

    เพื่อแสดงข้อความที่สำคัญและต้องการเน้น ให้ใช้แท็ก <strong> แท็ก <strong> ใน HTML ใช้สำหรับเน้นข้อความที่สำคัญ มีความหมายทางความหมาย (Semantic) ว่าเนื้อหานี้มีความสำคัญมาก ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อใช้งานแท็ก <strong> ใน HTML: <!DOCTYPE html> <html> <head>

  6. การแสดงข้อความขีดทับ (Strikethrough) ใน HTML

    แท็ก <strike> ใน HTML ใช้ระบุข้อความที่มีเส้นขีดทับผ่านกลาง แท็กนี้ล้าสมัย (deprecated) แล้ว ควรใช้แท็ก <del> แทน แท็ก <del> ใช้สำหรับมาร์กอัปข้อความที่ลบออกแล้ว คือ ข้อความขีดทับ ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อแสดงข้อความขีดทับใน HTML: <!DOCTYPE html> <html> <h

  7. การสร้างรายการแบบเลือก (Selectable List) ใน HTML

    ใช้แท็ก <select> เพื่อสร้างรายการแบบเลือก (Dropdown List) แท็ก <select> ใน HTML ใช้ภายในฟอร์มสำหรับกำหนดรายการเลือก แอตทริบิวต์เพิ่มเติมของแท็ก <select> แอตทริบิวต์ ค่า คำอธิบาย autofocus autofocus ระบุว่าเมื่อโหลดหน้าเว

  8. การสร้างตารางใน HTML

    แท็ก <table> ใน HTML ใช้สำหรับกำหนดตาราง แท็ก table จะมีแท็กอื่นๆ ที่กำหนดโครงสร้างของตารางอยู่ภายใน แอตทริบิวต์ของแท็ก <table> (ล้าสมัย - ควรใช้ CSS แทน) แอตทริบิวต์ ค่า คำอธิบาย abbr abbreviated_text Deprecated - ระบุเวอร์ชั

  9. การสร้างข้อความยกกำลัง (Superscript) ใน HTML

    ใช้แท็ก <sup> เพื่อสร้างข้อความยกกำลัง (Superscript) แท็ก <sup> ใน HTML ใช้สำหรับกำหนดข้อความที่เป็นตัวยกกำลัง เช่น 2<sup>3</sup> + 3<sup>2</sup> = 17 ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อแสดงข้อความยกกำลังใน HTML: <!DOCTYPE html> <html> <head>

  10. การจัดเรียงข้อความหลายคอลัมน์ด้วย HTML

    แท็ก <multicol> ใน HTML ใช้สร้างคอลัมน์ข้อความหลายคอลัมน์และควบคุมขนาดและจำนวนคอลัมน์ได้ แท็ก <multicol> สามารถมีเนื้อหา HTML อื่นๆ ได้ เช่นเดียวกับแท็ก <div> เนื้อหาทั้งหมดภายในแท็ก <multicol> จะแสดงเหมือนเนื้อหาทั่วไป ยกเว้นว่า Netscape 4 จะจัดเนื้อหาเป็นหลายคอลัมน์แทนที่จะ

  11. วิธีป้องกันการขึ้นบรรทัดใหม่ในข้อความที่ระบุใน HTML

    ใช้แท็ก <nobr> เพื่อป้องกันไม่ให้ข้อความที่ระบุขึ้นบรรทัดใหม่ใน HTML แท็ก <nobr> ใช้สั่งให้เบราว์เซอร์ไม่แบ่งบรรทัดข้อความที่กำหนด แท็กนี้มักใช้ร่วมกับแท็ก <wbr> ซึ่งแนะนำให้เบราว์เซอร์รู้ว่าสามารถแบ่งบรรทัดได้ที่จุดใดในลำดับข้อความที่ปกติจะไม่สามารถแบ่งได้ แตกต่างจากแท็ก <br&g

  12. Section สำหรับ Navigation Links ใน HTML5

    แท็ก <nav> ระบุส่วนที่มีลิงก์นำทาง (navigation links) หลักของเว็บไซต์ ตัวอย่าง <!DOCTYPE html> <html>    <head>       <title>HTML Nav Tag</title>    </head>    <body>       <p>Database

  13. เพิ่มพารามิเตอร์ให้ Object ด้วย Param Tag ใน HTML

    แท็ก <param> ใช้กำหนดพารามิเตอร์สำหรับ <object> (embedded content เช่น Java applets, PDF, Flash - ล้าสมัย) แอตทริบิวต์ แอตทริบิวต์ค่าคำอธิบาย nameparameter nameชื่อพารามิเตอร์ valuevalueค่าของพารามิเตอร์ typeMIME typeMIME type ของพารามิเตอร์ valuetypedata, ref, objectประเภทค่า ตัว

  14. เพิ่มย่อหน้า (Paragraph) ใน HTML

    แท็ก <p> ใช้สร้างย่อหน้า (paragraph) ใน HTML เป็น block element มี margin บน-ล่างตามค่าเริ่มต้น ตัวอย่าง <!DOCTYPE html> <html>    <head>       <title>HTML p Tag</title>    </head>    <body>     &

  15. เพิ่มตัวเลือกใน Drop-down List ด้วย Option Tag ใน HTML

    แท็ก <option> ใช้กำหนดตัวเลือกใน <select> (drop-down list) ภายในฟอร์ม แอตทริบิวต์สำคัญ แอตทริบิวต์ค่าคำอธิบาย valuetextค่าที่ส่งไปเซิร์ฟเวอร์ selectedselectedเลือกเป็นค่าเริ่มต้น disableddisabledปิดใช้งานตัวเลือกนี้ labeltextข้อความแสดง (ใช้กับ optgroup) ตัวอย่าง <!DOCTYPE html

  16. รวมผลการคำนวณใน HTML5 ด้วย Output Tag

    แท็ก <output> ใน HTML5 แสดงผลลัพธ์ของการคำนวณหรือการกระทำของผู้ใช้ แอตทริบิวต์ แอตทริบิวต์ค่าคำอธิบาย forelement IDsรายการ ID ขององค์ประกอบที่ให้ค่าอินพุต formform IDเชื่อมโยงกับฟอร์ม (วางนอกฟอร์มได้) namenameชื่อขององค์ประกอบ ตัวอย่าง: คำนวณผลรวมแบบเรียลไทม์ <!DOCTYPE html> <h

  17. แสดงเอกสารที่เหลือเป็น Plain Text ด้วย Plaintext Tag (Deprecated)

    หมายเหตุ: แท็ก <plaintext> ถูก deprecated และห้ามใช้ แท็กนี้จะทำให้เบราว์เซอร์แสดงข้อความทั้งหมดที่เหลือในเอกสารเป็น plain text รวมถึงแท็ก HTML ทั้งหมด ไม่สามารถหยุดหรือปิดการทำงานได้ ทำลายโครงสร้างเอกสาร HTML ทำให้ browser parser สับสน ไม่มีแท็กปิด ทางเลือก: ใช้ <pre> หรือ <code>

  18. เพิ่มข้อความจัดรูปแบบล่วงหน้า (Preformatted) ใน HTML

    แท็ก <pre> ใช้สำหรับข้อความจัดรูปแบบล่วงหน้า (preformatted text) รักษาช่องว่าง, tab, line breaks ตรงตามที่พิมพ์ แสดงผลด้วยฟอนต์ monospace ตัวอย่าง <!DOCTYPE html> <html>    <head>       <title>HTML pre Tag</title>    </head&g

  19. แสดงข้อความอ้างอิงสั้น (Short Quotation) ใน HTML

    แท็ก <q> ใช้สำหรับการอ้างอิงสั้น (inline quotation) ที่ไม่ขึ้นบรรทัดใหม่ เบราว์เซอร์จะเพิ่มเครื่องหมายคำพูดอัตโนมัติตามภาษา แอตทริบิวต์ แอตทริบิวต์ค่าคำอธิบาย citeURLURL แหล่งที่มาของคำพูด (ถ้ามาจากเว็บ) ตัวอย่าง <!DOCTYPE html> <html>    <head>    

  20. เพิ่ม Layer ใน HTML (Deprecated)

    หมายเหตุ: แท็ก <layer> เป็น proprietary tag ของ Netscape 4 ถูก deprecated และไม่รองรับในเบราว์เซอร์สมัยใหม่ ไม่ควรใช้ เดิมใช้จัดตำแหน่งและแอนิเมชันองค์ประกอบด้วย scripting คิดได้ว่าเป็นเอกสารแยกซ้อนบนหลัก ตัวอย่างโค้ดเก่า (ไม่ทำงานในเบราว์เซอร์ปัจจุบัน) <!DOCTYPE html> <html> &nbs

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