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

html-tag

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 ซึ่งจะทำใ้ห้เราสามารถเข้าใจได้มากขึ้น เกี่ยวกับ แท็กเดี่ยว และ แท็กคู่

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

Avatar
About Mr. ONE - Admin 1540 Articles
ทำงานด้านไอทีโดยเฉพาะ ชอบเทคโนโลยีเป็นชีวิตจิตใจ ชอบขีดๆ เขียนๆ โดยเฉพาะเขียนข้อมูลเกี่ยวกับการใช้คอมพิวเตอร์ โปรแกรม มีประสบการณ์การเขียนหนังสือคอมพิวเตอร์ เขียนแบบเรียนระบบสารสนเทศทางด้านโรงแรม