Category: HTML

HTML ย่อมาจาก HyperText Markup Language เป็นเหมือนภาษาที่ใช้ในการสร้างโครงสร้างพื้นฐานของเว็บเพจ เปรียบเสมือนการสร้างบ้าน โดย HTML จะเป็นโครงสร้างของบ้าน เช่น ห้องนอน ห้องครัว ห้องรับแขก ส่วนการตกแต่งภายใน เช่น สีผนัง รูปแบบเฟอร์นิเจอร์ จะใช้ภาษาอื่นๆ มาช่วย เช่น CSS และ JavaScript

โครงสร้างพื้นฐานของ HTML

HTML (Hypertext Markup Language) เป็นภาษาที่ใช้สำหรับการสร้างหน้าเว็บ โดยโครงสร้างพื้นฐานของ HTML มีส่วนประกอบหลัก ๆ ดังนี้

DOCTYPE Declaration

เป็นการประกาศประเภทของเอกสาร ซึ่งช่วยให้เบราว์เซอร์ทราบว่าเรากำลังใช้เวอร์ชัน HTML ใด

ตัวอย่างเช่น

<!DOCTYPE html>

นี่เป็นการประกาศว่าเอกสารนี้ใช้ HTML5 ซึ่งเป็นเวอร์ชันล่าสุดของ HTML

ส่วน <html>

ส่วนนี้คือโครงหลักของเอกสาร HTML ทั้งหมด จะครอบคลุมส่วนประกอบทั้งหมดของหน้าเว็บ

<html lang="en">
<!-- โค้ดทั้งหมดของ HTML จะอยู่ภายในแท็กนี้ -->
</html>

แอตทริบิวต์ lang="en" ใช้กำหนดภาษาของเอกสาร ซึ่งสามารถปรับเป็นภาษาอื่นได้ เช่น th สำหรับภาษาไทย

HTML คืออะไร?

HTML (HyperText Markup Language) คือภาษาที่ใช้ในการสร้างโครงสร้างพื้นฐานของเว็บเพจ เปรียบเสมือนโครงกระดูกที่รองรับเนื้อหาต่างๆ บนเว็บไซต์ ทำให้เว็บเบราว์เซอร์สามารถตีความและแสดงผลข้อมูลเหล่านั้นออกมาเป็นหน้าเว็บที่เราเห็นได้

HTML ทำงานอย่างไร?

แท็ก (Tag) HTML ใช้แท็กในการกำหนดโครงสร้างของเอกสาร แท็กจะอยู่ในรูปของคำสั่งที่อยู่ระหว่างวงเล็บเหลี่ยม เช่น <html>, <head>, <body>, <h1>, <p>, <a>, ฯลฯ แต่ละแท็กจะมีหน้าที่แตกต่างกันไป
องค์ประกอบ (Element) แท็กจะรวมกันเป็นองค์ประกอบ (Element) ซึ่งประกอบด้วยแท็กเปิด (เปิดด้วยวงเล็บเหลี่ยม) และแท็กปิด (ปิดด้วยวงเล็บเหลี่ยมและสแลช) เช่น <p>นี่คือย่อหน้า</p>
แอตทริบิวต์ (Attribute) แท็กบางตัวจะมีแอตทริบิวต์ที่ใช้ในการกำหนดคุณสมบัติเพิ่มเติม เช่น <a href="https://www.example.com">ไปที่เว็บไซต์</a> แอตทริบิวต์ href ใช้สำหรับกำหนด URL ของลิงก์