HTML คือ ภาษาคอมพิวเตอร์ที่ใช้ในการสร้างและออกแบบหน้าเว็บไซต์ โดยเป็นภาษาที่ใช้ง่ายและเข้าใจได้ง่ายๆ สำหรับผู้ที่ต้องการสร้างหน้าเว็บไซต์ของตัวเอง ภาษา HTML นั้นได้รับความนิยมมากขึ้นในตอนนี้ เนื่องจากการใช้งานของเว็บไซต์เพิ่มมากขึ้นในช่วงไม่กี่ปีที่ผ่านมา
การใช้งาน HTML จะช่วยให้ผู้ใช้สามารถสร้างหน้าเว็บไซต์ของตัวเองได้อย่างง่ายดาย โดยไม่จำเป็นต้องมีความรู้พื้นฐานในการเขียนโปรแกรมเลยทีเดียว HTML ยังเป็นภาษาที่สามารถใช้งานได้บนหลายๆ เบราว์เซอร์ รวมถึงสามารถใช้งานร่วมกับภาษาอื่นๆ เช่น CSS และ JavaScript ได้อย่างเต็มประสิทธิภาพ
โครงสร้างของ HTML
Element
Element คือ ส่วนประกอบหลักของ HTML ที่ใช้สร้างเว็บไซต์ โดย Element จะประกอบไปด้วย Tag และ Content โดย Content จะอยู่ภายใน Tag ซึ่งจะถูกวางไว้ภายในเครื่องหมาย <> เช่น <p> สวัสดีชาวโลก</p> โดย Content ในที่นี้คือ “สวัสดีชาวโลก” และ Tag คือ “p”
Tag
Tag คือ ส่วนประกอบของ Element ที่ใช้กำหนดลักษณะต่าง ๆ ของ Content ภายใน Tag นั้น ๆ เช่น <p> จะกำหนดให้ Content อยู่ในรูปแบบของย่อหน้า และ <h1> จะกำหนดให้ Content อยู่ในรูปแบบของหัวข้อหลัก
Attribute
Attribute คือ ส่วนประกอบของ Tag ที่ใช้กำหนดคุณสมบัติต่าง ๆ ของ Tag นั้น ๆ เช่น คุณสมบัติของ Tag <a> คือ href ซึ่งใช้กำหนด URL ของลิงก์ และคุณสมบัติของ Tag <img> คือ src ซึ่งใช้กำหนด URL ของรูปภาพ
ใน HTML โครงสร้างของ Element จะถูกกำหนดด้วยเครื่องหมาย <> และสามารถมี Attribute ได้หลายตัว โดย Attribute จะถูกกำหนดในรูปแบบ key-value ซึ่ง key คือชื่อ Attribute และ value คือค่าของ Attribute นั้น ๆ
การใช้งาน HTML
การเขียน HTML
HTML คือภาษาที่ใช้สร้างหน้าเว็บไซต์ โดยใช้ tag และ attribute เพื่อกำหนดโครงสร้างและเนื้อหาของหน้าเว็บไซต์ การเขียน HTML ต้องเริ่มต้นด้วย tag หลัก ๆ อย่าง <html>, <head>, และ <body> และสามารถใช้ tag อื่น ๆ เพื่อกำหนดเนื้อหาต่าง ๆ บนหน้าเว็บไซต์ เช่น <p>, <h1> – <h6>, <img>, <a> เป็นต้น
การเชื่อมโยงไปยัง CSS
CSS เป็นภาษาที่ใช้กำหนดรูปแบบการแสดงผลของหน้าเว็บไซต์ และสามารถเชื่อมโยงกับ HTML ได้โดยใช้ tag <link> ซึ่งจะเชื่อมโยงไปยังไฟล์ CSS ที่สร้างขึ้นมา โดยใช้ attribute href เพื่อระบุตำแหน่งของไฟล์ CSS ที่ต้องการเชื่อมโยง นี้ยังสามารถกำหนด style ให้กับ tag ต่าง ๆ โดยตรงใน HTML ได้ด้วยการใช้ attribute style
การเชื่อมโยงไปยัง JavaScript
JavaScript เป็นภาษาที่ใช้เพิ่มความสามารถให้กับหน้าเว็บไซต์ และสามารถเชื่อมโยงกับ HTML ได้โดยใช้ tag <script> ซึ่งจะเชื่อมโยงไปยังไฟล์ JavaScript ที่สร้างขึ้นมา โดยใช้ attribute src เพื่อระบุตำแหน่งของไฟล์ JavaScript ที่ต้องการเชื่อมโยง นี้ยังสามารถเขียน script ให้กับ tag ต่าง ๆ โดยตรงใน HTML ได้ด้วยการใช้ attribute onclick, onmouseover เป็นต้น
