แท็ก <thead> ใน HTML5 ใช้เพื่อจัดกลุ่มแถวหัวตาราง (table header rows) ในตาราง <table> โดยเฉพาะ ซึ่งจะช่วยในการจัดรูปแบบตารางให้เข้าใจง่ายขึ้น โดยเฉพาะในกรณีที่ตารางมีหลายแถวหลายคอลัมน์ การใช้ <thead>…

แท็ก <th> ใน HTML5 ใช้สำหรับระบุส่วนหัวของตาราง (Table Header) ซึ่งมักจะอยู่ในแท็ก <thead> ของตารางหรือใช้ร่วมกับแท็ก <tr> เพื่อกำหนดหัวข้อคอลัมน์หรือแถวในตาราง <table> รูปแบบการใช้งานแท็ก <th>…

<tfoot> ใน HTML5 คือแท็กที่ใช้สำหรับการกำหนดส่วนท้ายของตาราง (table footer) โดยแท็กนี้จะใช้ควบคู่กับแท็ก <table>, <thead>, และ <tbody> เพื่อแบ่งส่วนต่าง ๆ ของตารางให้อ่านและจัดการได้ง่ายขึ้น การใช้งานทั่วไปของ…

น HTML5, <textarea> เป็นแท็กที่ใช้สร้างฟิลด์ที่ผู้ใช้งานสามารถพิมพ์ข้อความได้หลายบรรทัด เช่น ในแบบฟอร์มสำหรับกรอกข้อมูล ประโยชน์ของ <textarea> คือการรับข้อมูลที่เป็นข้อความยาว ซึ่งต่างจาก <input> ที่ใช้รับข้อมูลเพียงบรรทัดเดียว การใช้งาน <textarea> เบื้องต้น…

ใน HTML5 มีหนึ่งฟีเจอร์ที่มีชื่อว่า <template> ซึ่งเป็น tag ที่ใช้สำหรับการกำหนดโครงสร้างของ HTML ที่ยังไม่ต้องการให้แสดงผลทันทีในหน้าเว็บ เพียงแต่ต้องการเก็บไว้รอให้ใช้งานภายหลัง เช่นเมื่อเรียกใช้งาน JavaScript ก็สามารถดึงส่วนประกอบ HTML จากภายใน…

ใน HTML5 แท็ก <td> ใช้ในการสร้าง “เซลล์ข้อมูล” (data cell) ภายในตาราง (table) โดยอยู่ภายในแท็ก <tr> (table row) เพื่อกำหนดแต่ละเซลล์ในแถวของตาราง…

<tbody> เป็นหนึ่งในแท็กที่ใช้ใน HTML5 เพื่อกำหนดกลุ่มของแถว (rows) ในตาราง <table> ใช้เพื่อจัดกลุ่มเนื้อหาที่เป็นแถวของข้อมูลในตาราง โดยปกติจะใช้ควบคู่กับ <thead> สำหรับหัวตาราง และ <tfoot> สำหรับท้ายตาราง รูปแบบการใช้งาน…

แท็ก <table> ใน HTML5 ใช้ในการสร้างตารางข้อมูลในหน้าเว็บ โดยมีองค์ประกอบหลักต่างๆ ที่ใช้ร่วมกันเพื่อจัดระเบียบข้อมูลในรูปแบบแถวและคอลัมน์ ตารางใน HTML ประกอบด้วยองค์ประกอบพื้นฐานต่อไปนี้ องค์ประกอบหลักของแท็ก <table> ตัวอย่างการใช้งานพื้นฐาน การใช้งานที่ซับซ้อนมากขึ้น การรวมแถว…

<svg> (Scalable Vector Graphics) เป็นแท็กที่ใช้สำหรับการแสดงผลกราฟิกแบบเวกเตอร์ใน HTML5 กราฟิกแบบเวกเตอร์จะมีความยืดหยุ่น เพราะสามารถขยายหรือย่อขนาดได้โดยไม่สูญเสียความคมชัด เหมาะสำหรับการใช้กับโลโก้, ไอคอน, แผนภาพ, และกราฟิกที่ต้องการความคมชัดสูง การใช้งาน <svg> Tag…

ใน HTML5 แท็ก <sup> (superscript) ใช้สำหรับแสดงข้อความในรูปแบบตัวยก หรือข้อความที่เล็กกว่าปกติและถูกยกขึ้นไปด้านบนของข้อความปกติ การใช้งาน <sup> มักพบในการเขียนสัญลักษณ์ทางคณิตศาสตร์, หน่วยทางวิทยาศาสตร์, หรือการเขียนที่ต้องการแสดงลำดับของตัวเลขเช่นการเขียนลำดับที่ เช่น วันที่, หรือการอ้างอิงในงานเขียน…

ใน HTML5 แท็ก <summary> ที่ทำงานคู่กับแท็ก <details> โดยแท็ก <summary> จะใช้สำหรับสร้างส่วนหัวของข้อมูลที่สามารถย่อ/ขยายได้ เมื่อผู้ใช้คลิกที่ <summary> ข้อมูลภายในแท็ก <details> จะถูกแสดงหรือซ่อนตามต้องการ การใช้งานแท็ก…

ใน HTML5 แท็ก <sub> ใช้สำหรับแสดงข้อความที่อยู่ในรูปแบบ “ตัวห้อย” (subscript) ซึ่งเป็นข้อความที่แสดงด้านล่างของข้อความหลัก นิยมใช้ในการแสดงสัญลักษณ์ทางคณิตศาสตร์ เคมี หรือตัวอักษรที่อยู่ในตำแหน่งตัวห้อย เช่น ดัชนีล่างในสูตรทางคณิตศาสตร์ หรือสูตรเคมี รูปแบบการใช้งาน…

ใน HTML5 แท็ก <style> ถูกใช้สำหรับการเพิ่ม CSS ภายในไฟล์ HTML เอง (Internal CSS) เพื่อกำหนดสไตล์ให้กับองค์ประกอบต่าง ๆ ของหน้าเว็บ โดยแท็ก…

ใน HTML5, แท็ก <strong> ใช้เพื่อเน้นความสำคัญของข้อความ ซึ่งมักจะแสดงเป็นตัวหนาโดยเบราว์เซอร์ส่วนใหญ่ แต่จุดประสงค์หลักของแท็ก <strong> ไม่ใช่แค่การทำตัวหนา แต่เพื่อเน้นว่าข้อความมีความสำคัญมากกว่าเนื้อหาอื่นๆ การใช้แท็กนี้มีความหมายเชิงโครงสร้าง (semantic) มากกว่าการจัดรูปแบบ (presentation) เพียงอย่างเดียว…

<span> ใน HTML5 เป็นหนึ่งใน inline element ที่ใช้เพื่อการจัดกลุ่มเนื้อหาภายในเอกสาร HTML โดยไม่ได้มีลักษณะการแสดงผลที่เจาะจงแบบเดียวกันกับ <div> ซึ่งเป็น block-level element การใช้งานทั่วไปของ <span>…

<source> Tag ใน HTML5 ใช้เพื่อระบุแหล่งข้อมูลที่หลากหลายให้กับองค์ประกอบสื่อ เช่น <video>, <audio>, และ <picture> ซึ่งจะช่วยให้เบราว์เซอร์สามารถเลือกใช้ไฟล์ที่เหมาะสมที่สุดตามรูปแบบไฟล์ (file format) หรือเงื่อนไขต่างๆ ที่กำหนดไว้…

แท็ก <small> ใน HTML5 ใช้เพื่อระบุข้อความที่มีขนาดเล็กกว่าปกติหรือเป็นข้อความที่ไม่เน้นมาก โดยมักใช้ในการแสดงข้อมูลเสริมหรือข้อความที่เป็นข้อยกเว้น เช่น คำเตือน, ลิขสิทธิ์, หรือคำอธิบายเสริมที่ไม่สำคัญมากนัก ซึ่งจะทำให้ตัวอักษรในแท็กนี้เล็กลงจากขนาดของข้อความปกติ ลักษณะการใช้งานของ <small> แสดงข้อความเสริมที่ไม่เน้น ใช้เพื่อระบุข้อความที่ไม่สำคัญมาก…

การใช้งาน <select> ใน HTML5 เป็นการสร้าง “กล่องรายการตัวเลือก” (dropdown list) ให้ผู้ใช้สามารถเลือกค่าได้หนึ่งค่า (หรือหลายค่าในกรณีที่ใช้คุณสมบัติ multiple) จากรายการที่กำหนดไว้ โดยรายการแต่ละรายการจะถูกกำหนดด้วยแท็ก <option> ที่อยู่ภายในแท็ก…

แท็ก <section> ใน HTML5 ใช้เพื่อกำหนดกลุ่มของเนื้อหาที่มีความสัมพันธ์กัน หรือเป็นเนื้อหาที่แยกออกมาเป็นหมวดหมู่ชัดเจน โดยจะเป็นการแยกเนื้อหาเป็นส่วนย่อย ๆ เพื่อให้เนื้อหาดูเป็นระเบียบมากขึ้นและสามารถอธิบายเนื้อหานั้นได้ว่าเกี่ยวข้องกับอะไร ตัวอย่างการใช้งานเช่น การแบ่งเนื้อหาบนหน้าเว็บเพจให้เป็นหมวดหมู่ต่าง ๆ เช่น ข่าวสาร บทความ…

ใน HTML5, แท็ก <script> ใช้สำหรับการรวมและเรียกใช้โค้ด JavaScript ภายในเว็บเพจ ซึ่งมีหลายรูปแบบการใช้งานขึ้นอยู่กับวิธีการจัดการและการโหลดสคริปต์ การฝัง JavaScript ภายในแท็ก <script> รูปแบบนี้คือการเขียนโค้ด JavaScript ภายในไฟล์…

ใน HTML5 แท็ก <samp> ใช้สำหรับการแสดงตัวอย่างข้อมูลจากโปรแกรมหรือการส่งคืนผลลัพธ์จากระบบ เช่น ข้อความแสดงผลลัพธ์ของโค้ด ข้อความที่อธิบายการทำงานของคำสั่ง หรือการแสดงผลลัพธ์จากการเรียกใช้งานฟังก์ชัน เป็นต้น โดยข้อความภายในแท็ก <samp> จะแสดงผลเป็นฟอนต์แบบ fixed-width หรือ…

แท็ก <s> ใน HTML5 ใช้ในการแสดงข้อความที่เป็น “strikethrough” หรือขีดฆ่าข้อความนั้น ๆ โดยทั่วไปจะใช้เพื่อบอกว่าข้อความดังกล่าวไม่เกี่ยวข้องแล้วหรือไม่ถูกต้องอีกต่อไป แต่ยังคงแสดงไว้เพื่อการอ้างอิง ตัวอย่างเช่น การแสดงราคาเก่าที่ถูกยกเลิกไปแล้ว หรือข้อผิดพลาดในข้อความ รูปแบบการใช้งานพื้นฐาน ผลลัพธ์:…

ใน HTML5 มีการสนับสนุนแท็ก <ruby> ซึ่งใช้เพื่อแสดงคำอธิบายหรือการออกเสียงเพิ่มเติมของข้อความที่เขียนเป็นตัวอักษร เช่น การแสดงฟูริงานะ (furigana) บนตัวอักษรคันจิ (Kanji) ในภาษาญี่ปุ่น หรือเพื่อแสดงการออกเสียงพินอิน (Pinyin) ของภาษาจีน โดยโครงสร้างของ…

ใน HTML5 แท็ก <rt> เป็นแท็กที่ใช้กำกับคำอ่านหรือคำอธิบาย (เช่น คำสะกด การออกเสียง) สำหรับตัวอักษรหรือคำที่อยู่ในแท็ก <ruby> ซึ่งส่วนใหญ่จะใช้ในการแสดงคำอ่านพินอินในภาษาจีนหรือฟุริงานะในภาษาญี่ปุ่น แท็ก <rt> มักใช้ร่วมกับ <ruby>…