HTML

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

HTML5 จัดการกับขนาดของตาราง Table Size

การจัดการกับขนาดของตาราง (Table Size) ใน HTML5 สามารถทำได้หลายวิธีเพื่อให้ตารางแสดงผลได้ตามที่ต้องการ ไม่ว่าจะเป็นการกำหนดขนาดตาราง ขนาดของเซลล์ หรือการควบคุมพื้นที่ภายในและภายนอกเซลล์ ตารางสามารถปรับได้ด้วยการใช้งานทั้ง…

HTML5 การสร้างและใช้งานตาราง

ใน HTML5 การใช้งาน Table (ตาราง) เป็นการจัดข้อมูลให้อยู่ในรูปแบบแถวและคอลัมน์ เหมาะสำหรับการแสดงข้อมูลที่เป็นโครงสร้าง เช่น รายการสินค้า ตารางสรุปข้อมูล…

HTML5 การใช้งาน Page Title

ใน HTML5 การใช้งาน <title> เป็นการกำหนดชื่อของหน้าเว็บ (Page Title) ที่จะแสดงในแท็บของเบราว์เซอร์ และยังมีผลต่อ SEO…

HTML5 การใช้งาน Favicon

Favicon (ย่อมาจาก “favorite icon”) คือไอคอนขนาดเล็กที่แสดงบนแท็บของเบราว์เซอร์ โดยปกติจะแสดงโลโก้หรือภาพสัญลักษณ์ที่สื่อถึงเว็บไซต์นั้นๆ ในการใช้งาน HTML5 การเพิ่ม Favicon…

HTML5 การใช้งาน Picture Emelent

ใน HTML5, <picture> element ถูกออกแบบมาเพื่อช่วยจัดการแสดงผลรูปภาพในรูปแบบที่ยืดหยุ่นต่ออุปกรณ์และขนาดหน้าจอที่แตกต่างกัน โดย <picture> ทำงานร่วมกับ <source> element…

HTML5 ภาพพื้นหลัง

Background Images คือภาพพื้นหลังที่จะแสดงอยู่ในหน้าเว็บไซต์หรือในเอลิเมนต์ ใน HTML เราสามารถกำหนดภาพพื้นหลังได้โดยการกำหนดที่พร็อพเพอร์ตี้ background-image การกำหนดภาพพื้นหลังให้ HTML element…

HTML5 การใช้งาน Image Maps

แท็ก <map> ใช้สำหรับกำหนด image-map ให้กับรูปภาพ คือการทำให้รูปภาพรูปหนึ่งมีพื้นที่สำหรับคลิกได้หลายที่ แต่ละที่เมื่อคลิกแล้วก็จะลิงไปยัง url ที่ต่างกัน การใช้งาน…

HTML5 จัดการกับรูปภาพ

ในการทำเว็บไซต์ คงหลีกเลี่ยงไม่ได้แน่ที่จะต้องใช้รูปภาพมาประกอบ ไม่ว่าจะเป็นรูปภาพส่วนหัว รูปภาพพื้นหลัง รูปภาพในเนื้อหา เป็นต้น รูปภาพทำให้เว็บไซต์ของเราสวยงามน่าเข้าชมมากขึ้น ใน HTML เราสามารถใช้งานรูปภาพได้โดยใช้แท็ก…

HTML5 การสร้าง Link Bookmark

HTML Link Bookmark ใช้สำหรับให้ผู้เข้าชมเว็บไซต์ สามารถคลิกเพื่อไปยังส่วนต่าง ๆ ในหน้าเว็บเพจเดียวกันได้สะดวก มีประโยชน์ในกรณีที่เนื้อหาในหน้าเว็บนั้น ๆ มีความยาวมาก…

HTML5 การสร้างลิงก์

ลิงก์ Link หรือ Hyperlink คือ url ของหน้าเว็บเพจใด ๆ ที่เราคลิกแล้วจะนำเราเข้าไปสู่หน้าเว็บเพจนั้น ๆ…

HTML5 ตกแต่ง Elements ด้วย CSS

CSS ย่อมาจาก Cascading Style Sheets ใช้สำหรับกำหนดว่าอีลิเมนต์ของ HTML แต่ละอีลิเมนต์ จะแสดงผลอย่างไรบนหน้าจอหรือสื่ออื่น ๆ…

HTML5 สีแบบ HEX

ใน HTML เราสามารถใช้งานสีโดยการระบุรหัสสีเป็นตัวเลขฐานสิบหก ในรูปแบบ #rrggbb โดยที่ rr หมายถึงสีแดง (Red) ส่วน…

HTML5 ระบบสี RGB

ใน HTML เราสามารถกำหนดสีแบบ RGB ได้ ในรูปแบบ โดยพารามิเตอร์ (red, green, blue)…

HTML5 Colors การใช้งานสี

ระบบสีใน HTML สามารถใช้งานได้โดยการระบุเป็นชื่อสี (Colors Name) หรือระบุค่าสีในระบบสีต่าง ๆ เช่น RGB, HEX,…

HTML5 การเขียนคอมเมนต์

การเขียนคอมเมนต์ คือการแทรกคำอธิบาย ความคิดเห็น หรือข้อความอื่นใดภายในโค้ด เพื่อบอกว่าโค้ดส่วนนั้นมีไว้ทำไม ทำงานอย่างไร หรืออื่น ๆ เพื่อให้ผู้ที่พัฒนาโปรแกรมต่อหรือแม่แต่ตัวเราเอง สามารถทำความเข้าใจโค้ดนั้น…

HTML5 การทำข้อความอ้างอิง

การทำข้อความอ้างอิงแบบสั้น เราสามารถทำได้โดยการใช้แท็ก <q> ซึ่งเบราเซอร์จะแทรกเครื่องหมายดับเบิ้ลโควตครอบข้อความที่อยู่ภายในแท็ก <q> ดังนี้ ทำข้อความอ้างอิงด้วยแท็ก <blockquote> การทำข้อความอ้างอิงด้วยแท็ก <blockquote>…

HTML5 Style การจัดรูปแบบ

ในภาษา HTML เราสามารถใช้แอททริบิวต์ style เพื่อกำหนดสไตล์ให้ตัวอักษร รูปภาพ หรืออื่น ๆ ได้ ซึ่งมีรูปแบบการใช้งานดังนี้…

HTML5 Paragraphs การทำย่อหน้า

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

HTML5 การกำหนดหัวเรื่อง

การกำหนดหัวเรื่อง Heading ให้กับเนื้อหาใน HTML เราจะใช้แท็ก <h1> <h2> ถึง <h6> ซึ่งขนาดตัวอักษรจะเริ่มจากใหญ่…

HTML5 Attributes

Attributes แอททริบิวต์ คือส่วนที่เราจะสามารถกำหนดข้อมูลเพิ่มเติมบางอย่างให้กับอีลิเมนต์ได้ โดยแอททริบิวต์จะอยู่ในแท็กเปิด Start Tag เสมอ และจะมาในรูปแบบ ชื่อแอททริบิวต์ตามด้วยค่าที่กำหนด เช่น…