HTML

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

HTML5 การใช้งาน Symbol Entities

ใน HTML5 เราสามารถใช้ Symbol Entities หรืออักขระพิเศษ (Entities) เพื่อแสดงอักขระที่ไม่สามารถพิมพ์ได้โดยตรง เช่น เครื่องหมายพิเศษ…

HTML5 Entities

ใน HTML5 Entities หมายถึงรหัสพิเศษที่ใช้แทนตัวอักษรหรือสัญลักษณ์ที่ไม่สามารถพิมพ์ลงใน HTML โดยตรงได้ เช่น ตัวอักษรที่มีความหมายพิเศษใน HTML อย่าง…

HTML5 Style Guide

Style Guide ใน HTML5 คือการกำหนดรูปแบบและโครงสร้างของการเขียนโค้ด HTML ให้เป็นมาตรฐานเดียวกัน โดยมีจุดประสงค์เพื่อให้โค้ดอ่านง่าย เข้าใจง่าย และง่ายต่อการบำรุงรักษาในระยะยาว…

HTML5 การใช้งาน Semantic Elements

Semantic Elements ใน HTML5 คือชุดขององค์ประกอบที่มีความหมายชัดเจนและบอกถึงเนื้อหาภายในหรือบทบาทขององค์ประกอบนั้น โดยไม่เพียงแต่ช่วยให้นักพัฒนาเข้าใจและจัดระเบียบโค้ดได้ดีขึ้น แต่ยังช่วยให้เครื่องมือค้นหาและอุปกรณ์ช่วยเหลือ (เช่น screen reader)…

HTML5 การใช้งาน Code Element

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

HTML5 การออกแบบเว็บแบบ Responsive

Responsive Web Design คือการออกแบบและพัฒนาเว็บไซต์ที่สามารถแสดงผลได้อย่างเหมาะสมบนทุกขนาดหน้าจอ ไม่ว่าจะเป็นหน้าจอคอมพิวเตอร์ แท็บเล็ต หรือโทรศัพท์มือถือ โดยการทำให้เว็บไซต์สามารถปรับขนาด การจัดวาง และองค์ประกอบต่าง…

HTML5 การใช้งาน Layout Elements

ใน HTML5 มี Layout Elements หลายตัวที่ออกแบบมาเพื่อกำหนดโครงสร้างของหน้าเว็บให้มีความหมายชัดเจนและง่ายต่อการเข้าใจ โดยสามารถประยุกต์ใช้งานได้หลายแบบ ซึ่งประกอบด้วย 1. <header>…

HTML5 การใช้งาน Head Element

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

HTML5 การระบุ File Path

ใน HTML5 การใช้งาน File Path หมายถึงการระบุเส้นทางไฟล์ที่ใช้ในการเรียกทรัพยากรต่าง ๆ เช่น ไฟล์รูปภาพ, ไฟล์…

HTML5 การใช้งาน JavaScript

การใช้งาน JavaScript ใน HTML5 สามารถทำได้หลายวิธี โดย JavaScript เป็นภาษาสคริปต์ที่ใช้เพื่อเพิ่มความสามารถเชิงโต้ตอบให้กับเว็บไซต์ เช่น การทำงานของฟอร์ม…

HTML5 การใช้งาน iframe

การใช้งาน iframe ใน HTML5 มีไว้เพื่อฝังเนื้อหา เช่น เว็บไซต์อื่น, วิดีโอ หรือไฟล์จากแหล่งภายนอกมาแสดงในหน้าเว็บเพจ โดยไม่ต้องเปลี่ยนหน้าเว็บของตัวเอง…

HTML5 การใช้งาน id Attribute

ใน HTML5 id Attribute มีความสำคัญในการระบุเอกลักษณ์ขององค์ประกอบ (Element) แต่ละตัวในหน้าเว็บ โดยต้องมั่นใจว่า id ของแต่ละองค์ประกอบมีความเป็นเอกลักษณ์เฉพาะภายในเอกสารเดียวกัน…

HTML5 การใช้งาน class Attribute

ใน HTML5, class attribute เป็นคุณสมบัติที่ใช้ในการกำหนดกลุ่มขององค์ประกอบ (elements) ที่มีลักษณะหรือพฤติกรรมเหมือนกัน โดย class มักใช้เพื่อการจัดการกับ…

HTML5 การใช้งาน Div Element

<div> (Division) element ใน HTML5 เป็นหนึ่งในองค์ประกอบที่ใช้บ่อยที่สุดในการสร้างโครงสร้างและจัดกลุ่มเนื้อหาภายในหน้าเว็บ เป็นองค์ประกอบแบบบล็อก (block-level element) ซึ่งจะครอบคลุมพื้นที่เต็มความกว้างของหน้าจอหรือคอนเทนเนอร์ที่อยู่ภายใน…

HTML5 Description List

การใช้งาน Description List ใน HTML5 ใช้ในการสร้างรายการที่มีการจับคู่ระหว่าง ชื่อหัวข้อ (Term) และ คำอธิบาย…

HTML5 รายการแบบมีลำดับ

ใน HTML5 การใช้งาน Ordered List (ol) คือการสร้างรายการที่มีลำดับ โดยแต่ละรายการจะมีหมายเลขหรือตัวอักษรกำกับ สามารถปรับแต่งลำดับการแสดงผลและสัญลักษณ์นำหน้ารายการได้ โครงสร้างพื้นฐานของ…

HTML5 รายการแบบไม่เรียงลำดับ

ใน HTML5 การใช้งาน Unordered List (รายการแบบไม่เรียงลำดับ) ใช้แท็ก <ul> โดยรายการแต่ละรายการภายในจะถูกกำหนดด้วยแท็ก <li>…

HTML5 การใช้งาน List

ใน HTML5 การใช้งาน List (รายการ) เป็นเครื่องมือพื้นฐานที่ใช้ในการจัดลำดับข้อมูล ซึ่งสามารถแบ่งออกเป็น 3 ประเภทหลัก คือ…

HTML5 การจัดกลุ่มคอลัมน์ภายในตาราง

<colgroup> เป็นแท็กใน HTML5 ที่ใช้ในการจัดกลุ่มคอลัมน์ภายในตาราง <table> โดยการกำหนดรูปแบบหรือคุณสมบัติต่างๆ ให้กับกลุ่มคอลัมน์หลายๆ คอลัมน์พร้อมกัน แทนการระบุคุณสมบัติสำหรับแต่ละคอลัมน์แยกออกจากกันในแต่ละเซลล์ การใช้งาน…

HTML5 การเพิ่มสไตล์ให้กับตาราง

การใช้งาน Table Styling ใน HTML5 เป็นการเพิ่มสไตล์ให้กับตารางเพื่อทำให้ข้อมูลดูอ่านง่ายและเป็นระเบียบมากขึ้น โดยสามารถใช้ CSS เพื่อจัดการสไตล์ตาราง ซึ่งสามารถประยุกต์ใช้งานได้หลากหลายรูปแบบ…

HTML5 Table Colspan and Rowspan

ใน HTML5 การใช้งาน colspan และ rowspan เป็นคุณสมบัติที่ใช้ควบคุมการรวมเซลล์ในตาราง (table) เพื่อสร้างเลย์เอาต์ของข้อมูลที่มีความซับซ้อนมากขึ้น ซึ่งแต่ละคุณสมบัติจะทำงานดังนี้…

HTML5 Table Padding and Spacing

การจัดการกับ Table Padding และ Spacing ใน HTML5 เกี่ยวข้องกับการควบคุมพื้นที่ภายในและภายนอกของเซลล์ในตาราง โดยใช้ CSS…

HTML5 จัดการกับหัวตาราง Table Header

การจัดการกับ Table Header ใน HTML5 มีความสำคัญในการทำให้ข้อมูลในตารางมีโครงสร้างที่ชัดเจน และช่วยให้ผู้ใช้หรือโปรแกรมช่วยอ่าน (เช่น screen reader)…