สอน HTML ตั้งแต่พื้นฐานโครงสร้างเอกสาร การใช้แท็กต่าง ๆ ไปจนถึงเทคนิคการสร้างเว็บไซต์ที่มีโครงสร้างถูกต้อง รองรับการออกแบบ Responsive และเหมาะกับการทำ SEO
การจัดการกับขนาดของตาราง (Table Size) ใน HTML5 สามารถทำได้หลายวิธีเพื่อให้ตารางแสดงผลได้ตามที่ต้องการ ไม่ว่าจะเป็นการกำหนดขนาดตาราง ขนาดของเซลล์ หรือการควบคุมพื้นที่ภายในและภายนอกเซลล์ ตารางสามารถปรับได้ด้วยการใช้งานทั้ง…
การใช้งาน Table Border ใน HTML5 นั้นคือการกำหนดเส้นขอบ (border) ของตาราง (<table>) และเซลล์ในตาราง…
ใน HTML5 การใช้งาน Table (ตาราง) เป็นการจัดข้อมูลให้อยู่ในรูปแบบแถวและคอลัมน์ เหมาะสำหรับการแสดงข้อมูลที่เป็นโครงสร้าง เช่น รายการสินค้า ตารางสรุปข้อมูล…
ใน HTML5 การใช้งาน <title> เป็นการกำหนดชื่อของหน้าเว็บ (Page Title) ที่จะแสดงในแท็บของเบราว์เซอร์ และยังมีผลต่อ SEO…
Favicon (ย่อมาจาก “favorite icon”) คือไอคอนขนาดเล็กที่แสดงบนแท็บของเบราว์เซอร์ โดยปกติจะแสดงโลโก้หรือภาพสัญลักษณ์ที่สื่อถึงเว็บไซต์นั้นๆ ในการใช้งาน HTML5 การเพิ่ม Favicon…
ใน HTML5, <picture> element ถูกออกแบบมาเพื่อช่วยจัดการแสดงผลรูปภาพในรูปแบบที่ยืดหยุ่นต่ออุปกรณ์และขนาดหน้าจอที่แตกต่างกัน โดย <picture> ทำงานร่วมกับ <source> element…
Background Images คือภาพพื้นหลังที่จะแสดงอยู่ในหน้าเว็บไซต์หรือในเอลิเมนต์ ใน HTML เราสามารถกำหนดภาพพื้นหลังได้โดยการกำหนดที่พร็อพเพอร์ตี้ background-image การกำหนดภาพพื้นหลังให้ HTML element…
แท็ก <map> ใช้สำหรับกำหนด image-map ให้กับรูปภาพ คือการทำให้รูปภาพรูปหนึ่งมีพื้นที่สำหรับคลิกได้หลายที่ แต่ละที่เมื่อคลิกแล้วก็จะลิงไปยัง url ที่ต่างกัน การใช้งาน…
ในการทำเว็บไซต์ คงหลีกเลี่ยงไม่ได้แน่ที่จะต้องใช้รูปภาพมาประกอบ ไม่ว่าจะเป็นรูปภาพส่วนหัว รูปภาพพื้นหลัง รูปภาพในเนื้อหา เป็นต้น รูปภาพทำให้เว็บไซต์ของเราสวยงามน่าเข้าชมมากขึ้น ใน HTML เราสามารถใช้งานรูปภาพได้โดยใช้แท็ก…
HTML Link Bookmark ใช้สำหรับให้ผู้เข้าชมเว็บไซต์ สามารถคลิกเพื่อไปยังส่วนต่าง ๆ ในหน้าเว็บเพจเดียวกันได้สะดวก มีประโยชน์ในกรณีที่เนื้อหาในหน้าเว็บนั้น ๆ มีความยาวมาก…
ลิงก์ Link หรือ Hyperlink คือ url ของหน้าเว็บเพจใด ๆ ที่เราคลิกแล้วจะนำเราเข้าไปสู่หน้าเว็บเพจนั้น ๆ…
CSS ย่อมาจาก Cascading Style Sheets ใช้สำหรับกำหนดว่าอีลิเมนต์ของ HTML แต่ละอีลิเมนต์ จะแสดงผลอย่างไรบนหน้าจอหรือสื่ออื่น ๆ…
ใน HTML เราสามารถใช้งานสีแบบ HSL โดยที่ H คือ Hue ได้แก่เนื้อสี S…
ใน HTML เราสามารถใช้งานสีโดยการระบุรหัสสีเป็นตัวเลขฐานสิบหก ในรูปแบบ #rrggbb โดยที่ rr หมายถึงสีแดง (Red) ส่วน…
ใน HTML เราสามารถใช้สีได้หลายรูปแบบ โดยวิธีที่นิยมคือ การระบุชื่อสี การระบุรหัสสี Colors Code ในรูปแบบเลขฐานสิบหก HEX…
ใน HTML เราสามารถกำหนดสีแบบ RGB ได้ ในรูปแบบ โดยพารามิเตอร์ (red, green, blue)…
ระบบสีใน HTML สามารถใช้งานได้โดยการระบุเป็นชื่อสี (Colors Name) หรือระบุค่าสีในระบบสีต่าง ๆ เช่น RGB, HEX,…
การเขียนคอมเมนต์ คือการแทรกคำอธิบาย ความคิดเห็น หรือข้อความอื่นใดภายในโค้ด เพื่อบอกว่าโค้ดส่วนนั้นมีไว้ทำไม ทำงานอย่างไร หรืออื่น ๆ เพื่อให้ผู้ที่พัฒนาโปรแกรมต่อหรือแม่แต่ตัวเราเอง สามารถทำความเข้าใจโค้ดนั้น…
การทำข้อความอ้างอิงแบบสั้น เราสามารถทำได้โดยการใช้แท็ก <q> ซึ่งเบราเซอร์จะแทรกเครื่องหมายดับเบิ้ลโควตครอบข้อความที่อยู่ภายในแท็ก <q> ดังนี้ ทำข้อความอ้างอิงด้วยแท็ก <blockquote> การทำข้อความอ้างอิงด้วยแท็ก <blockquote>…
HTML Formatting การจัดรูปแบบตัวอักษรในภาษา HTML สามารถทำได้โดยการใช้แท็กต่าง ๆ เช่น แท็ก <b> ใช้ทำตัวหนา…
ในภาษา HTML เราสามารถใช้แอททริบิวต์ style เพื่อกำหนดสไตล์ให้ตัวอักษร รูปภาพ หรืออื่น ๆ ได้ ซึ่งมีรูปแบบการใช้งานดังนี้…
ในภาษา HTML เราสามารถขึ้นย่อหน้าใหม่ได้โดยใช้แท็ก <p> ซึ่งมีรูปแบบการใช้งานดังนี้ แต่เราจะไม่สามารถกำหนดได้ว่า ผลลัพธ์จะให้ออกมาแบบที่เราต้องการ เช่น เราขึ้นบรรทัดใหม่ หรือจัดรูปแบบข้อความในย่อหน้ามาอย่างดี…
การกำหนดหัวเรื่อง Heading ให้กับเนื้อหาใน HTML เราจะใช้แท็ก <h1> <h2> ถึง <h6> ซึ่งขนาดตัวอักษรจะเริ่มจากใหญ่…
Attributes แอททริบิวต์ คือส่วนที่เราจะสามารถกำหนดข้อมูลเพิ่มเติมบางอย่างให้กับอีลิเมนต์ได้ โดยแอททริบิวต์จะอยู่ในแท็กเปิด Start Tag เสมอ และจะมาในรูปแบบ ชื่อแอททริบิวต์ตามด้วยค่าที่กำหนด เช่น…