HTML5 การใช้งาน figcaption Tag
แท็ก <figcaption> ใน HTML5 ถูกใช้เพื่อกำหนดคำอธิบายสำหรับองค์ประกอบ <figure> ซึ่งมักใช้ร่วมกับรูปภาพ วิดีโอ แผนภูมิ หรือเนื้อหาอื่นๆ…
HTML
สอน HTML ตั้งแต่พื้นฐานโครงสร้างเอกสาร การใช้แท็กต่าง ๆ ไปจนถึงเทคนิคการสร้างเว็บไซต์ที่มีโครงสร้างถูกต้อง รองรับการออกแบบ Responsive และเหมาะกับการทำ SEO
HTML5 การใช้งาน fieldset Tag
<fieldset> เป็นแท็กที่ใช้ใน HTML5 เพื่อจัดกลุ่มของฟอร์มควบคุม (form controls) หรือองค์ประกอบต่าง ๆ ที่เกี่ยวข้องในฟอร์มเดียวกัน ช่วยในการแยกข้อมูลที่เกี่ยวข้องกันเป็นหมวดหมู่ให้ดูมีระเบียบและเข้าใจง่ายขึ้น…
HTML5 การใช้งาน embed Tag
ใน HTML5 แท็ก <embed> ใช้ในการฝังหรือแสดงเนื้อหาภายนอก เช่น ไฟล์วิดีโอ ไฟล์เสียง ไฟล์ PDF…
HTML5 การใช้งาน em Tag
แท็ก <em> ใน HTML5 ใช้เพื่อเน้นความสำคัญของข้อความ โดยทั่วไปการเน้นแบบนี้จะถูกตีความโดยเบราว์เซอร์ว่าเป็นการเน้นด้วยตัวเอียง (italic) ซึ่งจะให้ความหมายทางด้านเนื้อหาว่าคำหรือข้อความนี้ควรได้รับความสนใจหรือมีความสำคัญมากขึ้น ไม่ใช่แค่เรื่องของสไตล์อย่างเดียวเหมือนแท็ก <i>…
HTML5 การใช้งาน dt Tag
แท็ก <dt> ใน HTML5 เป็นส่วนหนึ่งของการสร้างรายการคำศัพท์ (Description List) ซึ่งใช้งานคู่กับแท็ก <dl> (Description…
HTML5 การใช้งาน dl Tag
แท็ก <dl> ใน HTML5 ใช้สำหรับสร้าง Description List หรือรายการที่ใช้ในการจับคู่ระหว่างคำศัพท์และคำอธิบาย แท็กนี้เหมาะสำหรับแสดงข้อมูลที่มีความสัมพันธ์แบบ “คำศัพท์-คำอธิบาย”…
HTML5 การใช้งาน div Tag
ใน HTML5 แท็ก <div> (ย่อมาจาก division) ใช้ในการจัดกลุ่มเนื้อหาหรือองค์ประกอบต่าง ๆ บนหน้าเว็บ โดยไม่มีความหมายเชิงเนื้อหาเหมือนแท็กอื่น…
HTML5 การใช้งาน dialog Tag
แท็ก <dialog> ใน HTML5 ถูกใช้สำหรับการสร้างกล่องสนทนา (dialog box) เช่น หน้าต่างแจ้งเตือน (alert),…
HTML5 การใช้งาน dfn Tag
<dfn> (definition) tag ใน HTML5 ถูกใช้เพื่อระบุว่าคำหรือวลีที่อยู่ภายในแท็กนั้นเป็นคำศัพท์หรือคำที่กำลังถูกนิยามหรืออธิบาย โดยทั่วไปมักใช้ในบทความที่อธิบายคำเฉพาะทางหรือเทคนิคต่าง ๆ การใช้แท็กนี้ช่วยเพิ่มความหมายทางเชิงโครงสร้าง (semantic)…
HTML5 การใช้งาน details Tag
ใน HTML5, แท็ก <details> ใช้สำหรับการสร้างส่วนที่สามารถแสดงหรือซ่อนเนื้อหาได้เมื่อผู้ใช้งานคลิก โดยปกติจะแสดงข้อมูลเสริม หรือคำอธิบายเพิ่มเติมที่สามารถเปิด-ปิดได้โดยง่าย ซึ่งมักใช้ในการสร้าง FAQ, รายการแบบ…
HTML5 การใช้งาน del Tag
ใน HTML5 แท็ก <del> ถูกใช้เพื่อแสดงข้อความที่ถูกลบหรือยกเลิกการใช้งาน ซึ่งข้อความที่อยู่ภายในแท็กนี้จะมีการขีดฆ่า (strikethrough) เพื่อแสดงว่ามันไม่ถูกต้องหรือไม่เป็นปัจจุบันอีกต่อไป การใช้งานทั่วไปของ <del>…
HTML5 การใช้งาน dd Tag
<dd> เป็นแท็กใน HTML5 ที่ใช้สำหรับกำหนดคำอธิบายหรือรายละเอียดของรายการใน <dl> (Description List) ซึ่งใช้ร่วมกับแท็ก <dt> ที่ใช้สำหรับรายการ…
HTML5 การใช้งาน datalist Tag
แท็ก <datalist> ใน HTML5 ใช้เพื่อสร้างรายการตัวเลือก (option list) ที่สามารถกรอกหรือเลือกได้ในฟอร์ม โดยการใช้งานแท็ก <datalist>…
HTML5 การใช้งาน data Tag
ใน HTML5 แท็ก <data> ถูกใช้งานเพื่อเชื่อมโยงข้อมูลที่สามารถอ่านได้โดยมนุษย์กับข้อมูลในรูปแบบที่เครื่องสามารถอ่านได้ แท็กนี้มีประโยชน์เมื่อเราต้องการแสดงผลข้อมูลที่มนุษย์อ่านได้ เช่น คำหรือวลี และเชื่อมโยงกับข้อมูลในรูปแบบที่ระบบหรือโปรแกรมสามารถอ่านได้ เช่น…
HTML5 การใช้งาน colgroup Tag
<colgroup> เป็นแท็กใน HTML5 ที่ใช้ในการจัดกลุ่มและกำหนดคุณสมบัติให้กับคอลัมน์ในตาราง โดยเฉพาะอย่างยิ่งสำหรับการจัดรูปแบบคอลัมน์ เช่น การกำหนดความกว้าง (width) หรือการจัดตำแหน่ง (align)…
HTML5 การใช้งาน col Tag
ใน HTML5, แท็ก <col> ใช้เพื่อกำหนดรูปแบบให้กับคอลัมน์ของตาราง โดยต้องใช้ร่วมกับแท็ก <colgroup> ซึ่งเป็นกลุ่มของคอลัมน์ที่สามารถจัดสไตล์หรือควบคุมลักษณะของคอลัมน์นั้น ๆ แท็ก…
HTML5 การใช้งาน code Tag
ใน HTML5 แท็ก <code> ใช้สำหรับการแสดงโค้ดโปรแกรมหรือข้อความที่มีรูปแบบเป็นโค้ด ซึ่งเป็นส่วนหนึ่งของข้อความที่อยู่ในหน้าเว็บ แท็กนี้ช่วยในการจัดรูปแบบข้อความให้เหมาะสมสำหรับการแสดงโค้ด โดยส่วนใหญ่จะใช้เพื่อแสดงโค้ดที่มีลักษณะเป็นโค้ดโปรแกรม ไม่ว่าจะเป็นภาษาใดก็ตาม เช่น…
HTML5 การใช้งาน cite Tag
<cite> ใน HTML5 เป็นแท็กที่ใช้ในการอ้างอิงแหล่งข้อมูล เช่น ชื่อหนังสือ ชื่อบทความ ชื่อเพลง ภาพยนตร์ งานวิจัย…
HTML5 การใช้งาน caption Tag
ใน HTML5 แท็ก <caption> ใช้สำหรับระบุคำอธิบายหรือตั้งชื่อให้กับตาราง (table) โดยต้องเป็นลูกของแท็ก <table> เท่านั้น คำอธิบายที่อยู่ในแท็ก…
HTML5 การใช้งาน canvas Tag
canvas เป็นแท็กที่ถูกนำมาใช้ใน HTML5 เพื่อแสดงผลภาพกราฟิกแบบ 2 มิติหรือ 3 มิติ โดยสามารถวาดรูปต่างๆ เช่น…
HTML5 การใช้งาน button Tag
ใน HTML5 แท็ก <button> ใช้สำหรับสร้างปุ่มบนหน้าเว็บ โดยปุ่มนี้สามารถนำไปใช้ในหลากหลายวัตถุประสงค์ เช่น การส่งฟอร์ม การคลิกเพื่อกระทำบางอย่าง หรือการโต้ตอบในแบบต่าง…
HTML5 การใช้งาน br Tag
แท็ก <br> (ย่อมาจาก “break”) ใช้สำหรับขึ้นบรรทัดใหม่ในเนื้อหาโดยไม่มีการสร้างย่อหน้าใหม่หรือองค์ประกอบบล็อกเพิ่มเติม เหมาะกับการใช้งานเมื่อเราต้องการทำให้ข้อความแสดงผลในรูปแบบที่บรรทัดถูกแยกออกโดยไม่ต้องใช้ <p> หรือแท็กบล็อกอื่น ๆ รูปแบบการใช้งานแท็ก…
HTML5 การใช้งาน body Tag
ใน HTML5 แท็ก <body> ใช้เพื่อกำหนดส่วนของเนื้อหาหลัก (main content) ของเอกสาร HTML ซึ่งเป็นส่วนที่แสดงให้ผู้ใช้เห็นบนเบราว์เซอร์…
HTML5 การใช้งาน blockquote Tag
<blockquote> เป็นแท็กใน HTML5 ที่ใช้สำหรับการแสดงข้อความที่เป็นการอ้างอิง (quotation) จากแหล่งอื่น ๆ โดยปกติจะใช้เมื่อเราต้องการแสดงเนื้อหาที่อ้างอิงมาจากแหล่งภายนอก เช่น หนังสือ…