ใน HTML5 แท็ก <var> ใช้เพื่อกำหนดตัวแปรในโปรแกรมหรือสมการทางคณิตศาสตร์ เป็นการบอกให้เบราว์เซอร์รู้ว่าข้อความภายในแท็กนี้เป็นตัวแปร ซึ่งจะทำให้ข้อความถูกแสดงด้วยฟอนต์เอนตามค่าเริ่มต้น (italic) เพื่อให้แตกต่างจากข้อความธรรมดา รูปแบบการใช้งานแท็ก var ตัวแปรในสมการทางคณิตศาสตร์: ใช้แท็ก <var> เพื่อแสดงค่าตัวแปรทางคณิตศาสตร์…

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

น HTML5 แท็ก <u> ถูกนำมาใช้เพื่อ ขีดเส้นใต้ (underline) ข้อความ ซึ่งใน HTML เวอร์ชันก่อนหน้านี้ถือเป็นการตกแต่งข้อความเป็นหลัก แต่ใน HTML5 นั้น แท็ก…

ใน HTML5, แท็ก <track> ถูกใช้เพื่อเพิ่มคำบรรยายหรือข้อมูล metadata ให้กับวิดีโอหรือเสียงในรูปแบบต่าง ๆ เช่น คำบรรยาย (subtitles), คำบรรยายคำพูด (captions), และคำอธิบายเสียง (descriptions)…

แท็ก <tr> ใน HTML5 ใช้สำหรับกำหนดแถว (row) ในตาราง <table> แท็กนี้จะทำงานร่วมกับแท็ก <th> และ <td> ซึ่งใช้เพื่อแสดงข้อมูลส่วนหัวและข้อมูลภายในแถวตามลำดับ พื้นฐานการใช้งานแท็ก <tr>…

ใน HTML5, แท็ก <title> ใช้ในการกำหนดชื่อของหน้าเว็บ ซึ่งจะแสดงในแถบชื่อของเบราว์เซอร์ และในแท็บต่าง ๆ ที่ผู้ใช้เปิด นอกจากนี้ยังมีความสำคัญในการปรับแต่ง SEO (Search Engine Optimization) เพราะชื่อที่อยู่ในแท็ก…

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

แท็ก <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> แสดงข้อความเสริมที่ไม่เน้น ใช้เพื่อระบุข้อความที่ไม่สำคัญมาก…