พื้นฐาน HTML ตอน tag คืออะไร

TAG HTML

TAG คำสั่งที่คนทำเว็บ ควรรู้

แนะนำการสร้างเว็บต่างๆ ไปมากมายแต่กลับยังไม่แนะนำพื้นฐานของภาษา HTML เลย บทความนี้จึงขอเริ่มต้นแนะนำ HTML กันก่อน เผื่อน้องๆ และเพื่อนๆ ที่ยังไม่เคยสร้างเว็บจะได้มีความเข้าใจมากยิ่งขึ้น

จริงๆ แล้วภาษา HTML เป็นภาษาที่ค่อนข้างเข้าใจได้ง่าย ไม่ซ้ำซ้อน เพียงดูตัวอย่างจากเว็บไซต์อื่นๆ ก็สามารถเข้าใจได้ไม่ยาก แต่ที่อาจทำให้สับสนก็คือ เครื่องมือเสริมในการสร้างเว็บต่างหาก ตัวอย่างเช่น CSS / JavaScripts เป็นต้น

คราวนี้ มาทำความรู้จักคำสั่งแต่ละคำสั่งของ HTML ซึ่งเราเรียกว่า แท็ก (tag) ตัวอย่างเช่น <head> อ่านว่า แท็กเฮด เป็นต้น

ตัวอย่างพื้นฐานภาษา HTML

<html>
<head>
<title>เพจนี้คืออะไร </title>
</head>
<body>
เนื้อหาบริเวณนี้ จะแสดงบนหน้าเว็บบราวเซอร์ ซึ่งใครๆ ก็เห็น
</body>
</html>

คำอธิบายจากตัวอย่างข้างต้น จะพบว่า

  • tag <html> จะเริ่มต้น และปิดท้ายเสมอ ตัวปิดท้ายจะมีสัญลักษณ์ “/”
  • tag <head> จะอยู่ในภาย tag <html> แต่ จะครอบคลุม tag <title>
  • tag <head> จะปิดด้วย tag </head> มีสัญลักษณ์ “/” นำหน้าแท็กปิดของ <head>
  • tag <body> จะอยู่ภายใน tag <html> เช่นเดียวกันกับ tag <head> แต่จะแยกคนละส่วนกัน
  • อะไรก็ตามที่อยู่ใน tag <body> จะแสดงที่หน้าเว็บ browser ที่ใครๆ ก็จะเห็น
  • อะไรก็ตามที่อยู่ใน tag <head> จะไม่แสดงที่หน้าเว็บเพจ แต่จะเป็นการบอกให้ search engine ทราบว่าเว็บเพจของเราคืออะไร

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

เอาเป็นว่า ทำความเข้าใจบทความนี้ให้ดีก่อน และจะค่อยๆ แนะนำเพิ่มเติมไปเรื่อยๆ