HTML

สอน HTML ตั้งแต่พื้นฐานโครงสร้างเอกสาร การใช้แท็กต่าง ๆ  ไปจนถึงเทคนิคการสร้างเว็บไซต์ที่มีโครงสร้างถูกต้อง รองรับการออกแบบ Responsive และเหมาะกับการทำ SEO

HTML5 การใช้งาน meta Tag

Meta tags ใน HTML5 ใช้สำหรับการให้ข้อมูลเพิ่มเติมเกี่ยวกับเว็บเพจ โดยเฉพาะสำหรับเครื่องมือค้นหา (SEO) และเบราว์เซอร์ต่าง ๆ เพื่อกำหนดค่าที่เกี่ยวข้องกับการทำงานและลักษณะการแสดงผลของเว็บไซต์…

HTML5 การใช้งาน menu Tag

<menu> ใน HTML5 เป็นแท็กที่ใช้เพื่อกำหนดรายการเมนู (menu) หรือกลุ่มของคำสั่ง (commands) ที่ผู้ใช้สามารถเลือกปฏิบัติได้ อย่างไรก็ตาม การใช้งาน…

HTML5 การใช้งาน mark Tag

<mark> tag ใน HTML5 ใช้ในการเน้นข้อความเพื่อแสดงให้ผู้ใช้ทราบว่าข้อความที่อยู่ภายในนั้นมีความสำคัญหรือเกี่ยวข้องกับสิ่งที่ผู้ใช้งานกำลังค้นหา โดยทั่วไปจะใช้เพื่อทำให้ข้อความที่ถูกเน้นมีพื้นหลังเป็นสีเหลือง คล้ายกับการใช้ปากกาไฮไลท์เน้นข้อความในหนังสือ การใช้งาน <mark> Tag…

HTML5 การใช้งาน map Tag

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

HTML5 การใช้งาน main Tag

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

HTML5 การใช้งาน link Tag

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

HTML5 การใช้งาน li Tag

ใน HTML5 แท็ก <li> (list item) ใช้สำหรับกำหนดรายการในรายการแบบลำดับ (ordered list) หรือไม่มีลำดับ…

HTML5 การใช้งาน legend Tag

<legend> tag ใน HTML5 ใช้สำหรับกำหนดหัวเรื่องหรือคำอธิบายให้กับกลุ่มของฟอร์มที่อยู่ภายใน <fieldset> tag โดยมีประโยชน์ในการช่วยให้ผู้ใช้งานเข้าใจว่าเนื้อหาภายในกลุ่มฟอร์มนี้เกี่ยวข้องกับอะไร ทำให้เนื้อหาของฟอร์มมีความชัดเจนและจัดกลุ่มเนื้อหาได้ดีขึ้น การใช้งาน…

HTML5 การใช้งาน label Tag

ใน HTML5, แท็ก <label> ถูกใช้เพื่อเชื่อมโยงกับฟอร์มอินพุต (form input) เช่น ปุ่มหรือฟิลด์กรอกข้อมูล โดยวัตถุประสงค์หลักของ…

HTML5 การใช้งาน kbd Tag

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

HTML5 การใช้งาน ins Tag

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

HTML5 การใช้งาน input Tag

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

HTML5 การใช้งาน img Tag

ใน HTML5 แท็ก <img> ใช้ในการแทรกรูปภาพลงในหน้าเว็บ โดยเป็นแท็กที่ไม่ต้องมีแท็กปิด (self-closing tag) และจะต้องมีแอตทริบิวต์ src…

HTML5 การใช้งาน iframe Tag

<iframe> (Inline Frame) ใน HTML5 ใช้สำหรับฝังเนื้อหาจากเว็บอื่น ๆ หรือเนื้อหาภายในเว็บไซต์เดียวกันโดยไม่ต้องออกจากหน้าเว็บที่กำลังเปิดอยู่ เช่น การฝังวิดีโอจาก…

HTML5 การใช้งาน i Tag

ใน HTML5 แท็ก <i> ใช้เพื่อแสดงข้อความเป็น italic (ตัวเอียง) หรือเพื่อเน้นการแสดงผลในเชิงความหมายมากกว่าการเปลี่ยนรูปลักษณ์เพียงอย่างเดียว การใช้งาน <i>…

HTML5 การใช้งาน html Tag

html> tag เป็น tag ที่สำคัญมากในเอกสาร HTML ซึ่งเป็นตัวกำหนดจุดเริ่มต้นของเอกสาร HTML ทั้งหมด การใช้งาน…

HTML5 การใช้งาน hr Tag

ใน HTML5 แท็ก <hr> ใช้สำหรับการสร้างเส้นคั่น (horizontal rule) ซึ่งมักใช้เพื่อแบ่งส่วนของเนื้อหาหรือเพื่อแยกกลุ่มของเนื้อหาในหน้าเว็บให้ดูชัดเจนขึ้น โดยแท็กนี้เป็นแท็กที่ไม่มีการปิด (self-closing)…

HTML5 การใช้งาน hgroup Tag

ใน HTML5 แท็ก <hgroup> ถูกใช้เพื่อจัดกลุ่มหัวเรื่อง (headings) ที่เกี่ยวข้องกันเป็นกลุ่มเดียว เช่น การจัดกลุ่ม <h1>,…

HTML5 การใช้งาน header Tag

ใน HTML5 แท็ก <header> ใช้สำหรับกำหนดส่วนหัวของหน้าเว็บหรือส่วนหนึ่งของเนื้อหา ซึ่งมักประกอบด้วยข้อมูลอย่างเช่น โลโก้ ชื่อเรื่อง หรือเมนูนำทาง โดยสามารถใช้ได้ทั้งในระดับของหน้าเว็บ…

HTML5 การใช้งาน head Tag

<head> tag ใน HTML5 ใช้สำหรับเก็บข้อมูลที่เกี่ยวข้องกับ metadata ของเว็บเพจ เช่น ชื่อเว็บเพจ การเชื่อมโยงไปยังไฟล์…

HTML5 การใช้งาน h1 – h6 Tags

ใน HTML5 แท็ก <h1> ถึง <h6> ใช้สำหรับแสดงหัวข้อ (heading) ของหน้าเว็บ โดยมีระดับความสำคัญจากมากไปน้อย…

HTML5 การใช้งาน form Tag

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

HTML5 การใช้งาน footer Tag

น HTML5 แท็ก <footer> ใช้สำหรับกำหนดส่วนท้ายของเอกสารหรือส่วนประกอบต่าง ๆ ของหน้าเว็บ เช่น บทความ หัวข้อหลัก…

HTML5 การใช้งาน figure Tag

ใน HTML5, แท็ก <figure> ถูกนำมาใช้เพื่อห่อหุ้มเนื้อหาที่เกี่ยวกับสื่อ เช่น รูปภาพ แผนภูมิ ตาราง หรือโค้ด…